QT_cadreData_DP/pages/home/home.vue

<template>
	<view class="home" :style="homeBj">
		<view class="nav">
			<view class="navBox" @click="$goBack(2,'/pages/leadership/leadership')">
				<image src="../../static/images/ldgb.png" mode="" class="img"></image>
				<!-- <image src="file:///storage/emulated/0/QingTianGB/ceshi.png" mode="" class="img"></image> -->
				<text class="text">领导干部</text>
			</view>
			<view class="navBox" @click="$goBack(2,'/pages/quitLeadership/quitLeadership')">
				<image src="../../static/images/txldgb.png" mode="" class="img"></image>
				<text class="text">退出领导岗位</text>
			</view>
			<view class="navBox" @click="$goBack(2,'/pages/excellent/excellent')">
				<image src="../../static/images/yxnqgb.png" mode="" class="img"></image>
				<text class="text">优秀年轻干部</text>
			</view>
		</view>
		<view class="nav">
			<view class="navBox" @click="$goBack(2,'/pages/shareholder/shareholder')">
				<image src="../../static/images/gjgb.png" mode="" class="img"></image>
				<text class="text">股级干部</text>
			</view>
			<view class="navBox" @click="$goBack(2,'/pages/search/search')">
				<image src="../../static/images/zhcx.png" mode="" class="img"></image>
				<text class="text">综合查询</text>
			</view>
			<view class="navBox" @click="$goBack(2,'/pages/analyse/analyse')">
				<image src="../../static/images/znfx.png" mode="" class="img"></image>
				<text class="text">智能分析</text>
			</view>
		</view>
		<!-- 		<view class="" style="width: 800px;height: 400px;position: relative;top: 0;left: 0;">
			<video-Vue :src="videoSrc"></video-Vue>
		</view> -->
		<view class="setting-up">
			<uni-icons type="gear-filled" size="20" @click="$goBack(2,'/pages/settingUp/settingUp')"></uni-icons>
		</view>
	</view>
</template>

<script>
	// import videoVue from "@/components/myVideo/myVideo.vue"
	import sqlLite from '../../utils/sqllite-utils.js';
	import {
		dateFormat1
	} from "../../utils/index.js"
	export default {
		components: {
			// videoVue
		},
		data() {
			return {
				homeBj: {
					background: "url('../../static/imgs/qq.png') no-repeat",
					backgroundSize: "100% 100%"
				},
				// videoSrc: '@/static/aaaa.mp4'
			};
		},
		methods: {
			// 开启数据库
			openSqllite() {
				if (sqlLite.isOpen()) {} else {
					// 开启数据库
					sqlLite.openSqllite()
						.then((e) => {
							console.log('开启数据库成功');
							sqlLite.selectFromTable(
									'select * from Biz_Time'
								).then((res) => {

								})
								.catch((e) => {
									console.log("查询失败");
									sqlLite.createTable('Biz_Time', 'time').then(res1 => {
										let time = dateFormat1()
										console.log(time);
										sqlLite.insertTableData('Biz_Time', time, 'time').then(res2 => {
											console.log("添加数据成功");
										}).catch(err2 => {
											console.log("添加数据失败");
										})
									}).catch(err1 => {
										console.log('添加表失败');
									})
								})
						})
						.catch((e) => {
							console.log('开启数据库失败');
						})
				}
			},

		},
		created() {
			// 开启数据库
			this.openSqllite()
			// sqlLite.dropTable('Biz_Time').then(res => {
			// 	console.log('cg');
			// }).catch(err => {
			// 	console.log('sb');
			// })


		}
	}
</script>

<style lang="scss" scoped>
	.home {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		align-items: center;
		position: relative;

		.nav {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-evenly;

			.navBox {
				width: 18vw;
				height: 18vw;
				display: flex;
				justify-content: center;
				flex-direction: column;
				align-items: center;
				border-radius: 50%;
				background: rgba(225, 244, 251, 0.70);
				box-shadow: 4px 4px 17px 0px rgba(0, 0, 0, 0.25);

				.img {
					width: 50%;
					height: 50%;
				}

				.text {
					color: #213B42;
					font-weight: 600;
					margin-top: 10rpx;
					font-size: 38rpx;
				}
			}
		}

		.setting-up {
			position: absolute;
			top: 30rpx;
			right: 40rpx;
		}
	}
</style>