<uni-icons type="contact" size="30"></uni-icons>

<template>
	<view class="main">
		<view class="navigator">
			<view class="navigator-item" v-for="(item,index) in dataState.tabBar.list" :key="item.pagePath"
				@click="switchTab(index,item)">
					<img :src="item.iconPath" class="icon" v-if="dataState.selectedIndex !== index">
					<img :src="item.selectedIconPath" class="icon" v-else>
					<text :class="['item-text',{'text-active':dataState.selectedIndex === index}]">{{item.text}}</text>
			</view>
		</view>
		<view class="content">
			
		</view>
	</view>

</template>

<script setup>
	import { reactive } from "vue";
	const dataState=reactive({
		tabBar:{
			color:"#000",
			selectedColor:"#ff161a",
			list:[
				{
					"pagePath":"static/image/icon-gcgl",
					"iconPath":"static/image/icon-gcgl.png",
					"selectedIconPath":"static/image/icon-gcgl.png",
					"text":"空间管理"
				},
				{
					"pagePath":"static/image/icon-gcmj",
					"iconPath":"static/image/icon-gcmj.png",
					"selectedIconPath":"static/image/icon-gcmj.png",
					"text":"工程面积\n年增长"
				},
				{
					"pagePath":"static/image/icon-",
					"iconPath":"static/image/icon-gcgn.png",
					"selectedIconPath":"static/image/icon-gcgn.png",
					"text":"工程功能\n各类数量"
				},
				{
					"pagePath":"static/image/icon-",
					"iconPath":"static/image/icon-ssdt.png",
					"selectedIconPath":"static/image/icon-ssdt.png",
					"text":"实时动态"
				}
			]
		}, // 菜单列表
		selectedIndex:0, // 选中的序号
	})
	
	/**
	 * 切换页面
	 */
	const switchTab=(index,item)=>{
		console.log(index,item);
		dataState.selectedIndex=index;
	}
</script>

<style lang="less" scoped>
	.main{
		width: 100%;
		height: 100%;
		position: absolute;
		display: flex;
		flex-direction: column;
		
		.navigator{
			display: flex;
			border-bottom: 5px solid #eee;
			
			.navigator-item{
				flex: 1;
				display: flex;
				flex-direction: column;
				text-align: center;
				padding:15px 5px;
				
				img{
					width: 80rpx;
					left: 50%;
					position: relative;
					transform: translateX(-50%);
					margin-bottom: 10px;
				}
				
				.text-active{
					color: rgba(62, 132, 243, 1);
				}
			}
		}
		.content{
			background:url('../../static/image/page-bg.png');
			flex: 1;
			overflow-x: hidden;
		}
	}
	
</style>

export default {
    env: 'development',
    request_baseurl: 'http://development', 
};

export default {
    env: 'production',
    request_baseurl: 'http://production',
};

import development from './.env.development';
import production from './.env.production';

export default {
    development,
    production
}

import { defineConfig } from 'vite';
import uni from '@dcloudio/vite-plugin-uni';
import env from './.env';

/**
 * 获取配置内容
 */
function getConfig(){
	let envConfig=env[process.env.NODE_ENV];
	let temp={};
	for(let name in envConfig){
		temp['process.env.'+name]=JSON.stringify(envConfig[name]);
	}
	return temp;
}

export default defineConfig({
	plugins: [uni()],
	define: getConfig(),
});

console.log(process.env.request_baseurl);

define: {
    'process.env.VUE_APP_CONFIG': "d",
},

define: {
    'process.env.VUE_APP_CONFIG': JSON.stringify("d"),
},

/**
 * 封装Request方法
 */
export default function http(param) {
	// 请求参数
	let url = param.url,
		method = param.method,
		header = param.header||{},
		data = param.data || {},
		token = param.token || "",
		hideLoading = param.hideLoading || false;
	
	let baseUrl=process.env.VITE_GLOB_DOMAIN_URL;
	//拼接完整请求地址
	var requestUrl = baseUrl + url;

	//请求方式:GET或POST(POST需配置
	// header: {'content-type' : "application/x-www-form-urlencoded"},)
	if (method) {
		method = method.toUpperCase(); //小写改为大写
	}
	// 默认采用的是 application/json 方式请求，表单请求："application/x-www-form-urlencoded"
	if(!header['content-type']){
		header['content-type'] = "application/json";
	}

	//加载圈
	if (!hideLoading) {
		uni.showLoading({
			title: '加载中...'
		});
	}

	// 返回promise
	return new Promise((resolve, reject) => {
		// 请求
		uni.request({
			url: requestUrl,
			data: data,
			method: method,
			header: header,
			success: (res) => {
				// 判断 请求api 格式是否正确
				if (res.statusCode && res.statusCode != 200) {
					uni.showToast({
						title: "api错误" + res.errMsg,
						icon: 'none'
					});
					return;
				}
				// 将结果抛出
				resolve(res.data)
			},
			//请求失败
			fail: (e) => {
				uni.showToast({
					title: "" + e.data.msg,
					icon: 'none'
				});
				resolve(e.data);
			},
			//请求完成
			complete() {
				//隐藏加载
				if (!hideLoading) {
					uni.hideLoading();
				}
				resolve();
				return;
			}
		})
	})
}

import http from '../utils/request.js'
export const getCodeInfo = (params) => {
	return http({
		url:"/sys/randomImage"+`/${params}`,
	})
}

import { getCodeInfo } from '../../api/index.js';

randCodeData.checkKey = 1629428467008;
getCodeInfo(randCodeData.checkKey).then((res) => {
    randCodeData.randCodeImage = res;
    randCodeData.requestCodeSuccess = true;
});

import { createSSRApp } from 'vue';
import * as Pinia from 'pinia';

export function createApp() {
	const app = createSSRApp(App);
	app.use(Pinia.createPinia());
	return {
		app,
		Pinia, // 此处必须将 Pinia 返回
	};
}

// stores/counter.js
import { defineStore } from 'pinia';

export const useCounterStore = defineStore('counter', {
	state: () => {
		return { count: 0 };
	},
	// 也可以这样定义
	// state: () => ({ count: 0 })
	actions: {
		increment() {
			this.count++;
		},
	},
});

import { useCounterStore } from '@/stores/counter'
const counter = useCounterStore()
counter.count++

<qiun-data-charts type="column" :chartData="chartData" :opts="opts" />

const chartData = reactive({
	categories: stateData.yearData,
    series: [
        {
        name: "面积",
        data: stateData.mjData
        }
    ]
})

// 更新图表
chartData.categories=stateData.yearData;

<qiun-data-charts type="column" :chartData="chartData" :opts="opts" />

const stateData = reactive({
	chartData:{} // 图表数据
})

// 更新图表
stateData.chartData={
    categories: stateData.yearData,
    series: [
        {
        name: "面积",
        data: stateData.mjData
        }
    ]
}

"easycom": {
	"autoscan": true,
	"custom": {
		"qiun-data-charts": "@qiun/uni-ucharts/components/qiun-data-charts/qiun-data-charts.vue"
	}
}

<web-view src="pages/map/index" class="map-wrap"></web-view>

#endif // SHOW_REFLECTIVE_OCEAN

mars3dPlugin({
	cesiumRunPath:"static/mars3d-cesium"
})