gateway/pages/index/index.vue

<template>
	<view class="content" :style="setbgStyle()">
		<scroll-view scroll-y style="max-height: 100vh" :show-scrollbar="false" @scroll="srcollto">
			<my-container>
				<view style="padding: 20px; display: flex; flex-flow: column; height: 100%; gap: 10px">
					<view class="animated flipInX delay-5s" style="display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; height: 25%; gap: 48px">
						<image src="../../static/images/logo.png" mode="" style="width: 146.761px; height: 139.2px"></image>
					</view>
					<view style="text-indent: 2em; font-size: 18px; font-style: normal; font-weight: 400; line-height: 160%">
						锦州昊鼎创新科技有限公司是一家专注于硬件、软件研发与创新的高科技企业，公司位于锦州数字经济产业园。汇聚了优秀的管理人才和专业技术队伍，搭建了强大的自营服务体系和渠道网络在公安刑侦软件领域，包括刑事案件管理系统、犯罪数据分析平台、智能侦查辅助软件等的研发与技术支持。在医疗软件方面，经营范围涵盖医院信息管理系统、电子病历软件、检验设备、医疗影像存储与传输系统等的开发与维护。
					</view>
				</view>
			</my-container>
			<my-container>
				<view style="padding: 20px; display: flex; flex-flow: column; justify-content: center; align-items: center; height: 100%; gap: 10px">
					<image src="../../static/images/s2.png" mode="" style="height: 182.942px; width: 272.415px"></image>
					<view style="font-size: 20px; font-style: normal; font-weight: 400; line-height: 160%">
						<span style="font-weight: bold">使命</span>
						致力于通过创新的软件技术，提升客户业务效率，推动行业发展，为社会创造价值。
					</view>
					<view style="font-size: 20px; font-style: normal; font-weight: 400; line-height: 160%">
						<span style="font-weight: bold">愿景</span>
						成为全球领先的软件研发企业，以卓越的产品和服务塑造软件行业新标杆。
					</view>
					<view style="font-size: 20px; font-style: normal; font-weight: 400; line-height: 160%">
						<span style="font-weight: bold">文化</span>
						公司始终秉持 “用心 学习 实干 创新” 为企业文化理念。
					</view>
				</view>
			</my-container>
			<my-container>
				<view style="box-sizing: border-box; padding: 20px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; height: 100%; gap: 10px">
					<image :src="`../../static/images/s3${index + 1}.png`" mode="" v-for="(item, index) in 6" :key="index" style="width: 150px; height: 180px"></image>
				</view>
			</my-container>
			<my-container>
				<view style="box-sizing: border-box; padding: 10px 20px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; height: 100%; gap: 10px">
					<view style="font-size: large; font-weight: bold; letter-spacing: 2px">公安刑侦系统</view>
					<view style="font-size: 14px; font-weight: 400; line-height: 160%">
						<span style="font-weight: bold">刑事案件管理系统</span>
						规范案件流程，实现案件信息的高效管理和跟踪。
					</view>
					<view style="font-size: 14px; font-weight: 400; line-height: 160%">
						<span style="font-weight: bold">犯罪数据分析平台</span>
						利用大数据和人工智能技术，挖掘犯罪线索，辅助案件侦破。
					</view>
					<view style="font-size: 14px; font-weight: 400; line-height: 160%">
						<span style="font-weight: bold">智能侦查辅助软件</span>
						为公安干警提供智能化的侦查工具，提高破案效率。
					</view>
					<view style="font-size: 14px; font-weight: 400; line-height: 160%">
						<span style="font-weight: bold">案件管理功能</span>
						提供案件侦查（受理、立案、侦查、破案和侦查终结）全过程的管理、控制和监督。可以便捷地记录案件的基本信息、涉案人员信息、案件进展情况等，方便刑侦人员随时查看和更新案件状态。
					</view>
					<view style="font-size: 14px; font-weight: 400; line-height: 160%">
						<span style="font-weight: bold">情报信息整合</span>
						能够整合各种刑侦情报信息，包括线索、举报信息、犯罪嫌疑人的活动轨迹等。通过对这些情报的分析和挖掘，可以为案件侦破提供有力的支持。
					</view>
					<view style="font-size: 14px; font-weight: 400; line-height: 160%">
						<span style="font-weight: bold">刑事技术信息支持</span>
						与刑事技术部门的信息系统相连接，能够获取和管理刑事技术方面的信息，系统可以帮助刑侦人员快速准确地获取和应用这些技术信息。
					</view>
					<view style="font-size: 14px; font-weight: 400; line-height: 160%">
						<span style="font-weight: bold">辅助决策功能</span>
						基于系统中存储的大量案件数据和情报信息，为领导提供辅助决策支持。根据案件的进展情况和资源需求，为领导合理调配警力和资源提供建议。
					</view>
				</view>
			</my-container>
			<my-container>
				<view style="box-sizing: border-box; padding: 20px; display: flex; flex-flow: column; justify-content: center; align-items: center; height: 100%; gap: 10px">
					<image :src="`../../static/images/s4${index + 1}.png`" mode="aspectFit" v-for="(item, index) in 5" :key="index"></image>
				</view>
			</my-container>
			<my-container>
				<view
					style="
						box-sizing: border-box;
						padding: 10px 20px;
						display: flex;
						flex-flow: column nowrap;
						justify-content: center;
						align-items: center;
						height: 100%;
						gap: 24px;
						align-content: flex-start;
					"
				>
					<view style="font-size: large; font-weight: bold; letter-spacing: 2px">医疗软件</view>
					<view style="font-style: normal; font-weight: 400; line-height: 160%">
						<span style="font-weight: bold">医院信息管理系统</span>
						整合医院各项业务流程，提高管理效率和服务质量。
					</view>
					<view style="font-style: normal; font-weight: 400; line-height: 160%">
						<span style="font-weight: bold">电子病历软件</span>
						确保影像数据的安全存储和快速传输，为诊断提供准确依据。
					</view>
					<view style="font-style: normal; font-weight: 400; line-height: 160%">
						<span style="font-weight: bold">医疗影像存储与传输系统</span>
						为公安干警提供智能化的侦查工具，提高破案效率。
					</view>
					<view style="font-style: normal; font-weight: 400; line-height: 160%">
						<span style="font-weight: bold">医疗检验系统</span>
						专为医院检验科设计的，集样本管理、检验流程管理、数据管理与分析、设备管理及质量控制等功能于一体的实验室信息管理系统。
					</view>
				</view>
			</my-container>
			<my-container>
				<view style="box-sizing: border-box; padding: 20px; display: flex; flex-flow: column; justify-content: center; align-items: center; height: 100%; gap: 10px">
					<image :src="`../../static/images/s5${index + 1}.png`" mode="" v-for="(item, index) in 6" :key="index" style="width: 303px; height: 200px"></image>
				</view>
			</my-container>
			<my-container>
				<view style="box-sizing: border-box; padding: 10px 20px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; height: 100%; gap: 48px">
					<view style="font-size: large; font-weight: bold; letter-spacing: 2px">技术实力</view>
					<view style="font-style: normal; font-weight: 400; line-height: 160%">
						<span style="font-weight: bold">技术团队</span>
						公司拥有一支由经验丰富的软件工程师、设计师、测试人员组成的专业团队。团队成员具备扎实的技术功底和丰富的项目经验，能够熟练运用各种前沿技术进行软件开发。不断进行技术培训和学习，紧跟行业技术发展趋势，确保公司始终处于技术前沿。
					</view>
					<view style="font-style: normal; font-weight: 400; line-height: 160%">
						<span style="font-weight: bold">技术创新</span>
						积极关注行业技术发展动态，不断投入研发资源，进行技术创新。与高校保持密切合作，共同开展前沿技术研究和项目合作。公司在人工智能、大数据、云计算等领域进行了深入探索，并将这些技术应用到软件产品中，为客户提供更智能、更高效的解决方案。
					</view>
				</view>
			</my-container>
			<my-container>
				<view style="box-sizing: border-box; padding: 20px; display: flex; flex-flow: column; justify-content: center; align-items: center; height: 100%; gap: 10px">
					<image :src="`../../static/images/s6${index + 1}.png`" mode="" v-for="(item, index) in 2" :key="index" style="width: 303px; height: 200px"></image>
				</view>
			</my-container>
			<my-container>
				<view style="box-sizing: border-box; padding: 10px 20px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; height: 100%; gap: 10px">
					<view style="font-size: large; font-weight: bold; letter-spacing: 2px">服务优势</view>
					<view style="font-style: normal; font-weight: 400; line-height: 160%">
						<span style="font-weight: bold">定制化服务</span>
						深入了解客户需求，为客户提供个性化的软件解决方案。从需求分析、设计、开发到测试、上线和维护，全程为客户提供专业的服务。
					</view>
					<view style="font-style: normal; font-weight: 400; line-height: 160%">
						<span style="font-weight: bold">质量保证体系</span>
						建立了严格的质量管理体系，从需求分析、设计、开发、测试到上线维护，每个环节都进行严格的质量控制。采用先进的测试工具和方法，进行功能测试、性能测试、安全测试等多方面的测试，确保软件系统的稳定性、可靠性和安全性。
					</view>
					<view style="font-style: normal; font-weight: 400; line-height: 160%">
						<span style="font-weight: bold">项目管理</span>
						采用先进的项目管理方法，确保项目按时、按质完成。项目团队与客户保持密切沟通，及时反馈项目进展情况，确保客户对项目的满意度。
					</view>
					<view style="font-style: normal; font-weight: 400; line-height: 160%">
						<span style="font-weight: bold">售后服务</span>
						提供完善的售后服务，包括软件维护、升级、技术支持等。公司设立了专门的客服团队，随时为客户解决软件使用过程中遇到的问题。
					</view>
				</view>
			</my-container>
			<my-container>
				<view style="box-sizing: border-box; padding: 20px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; height: 100%; gap: 10px">
					<image :src="`../../static/images/s7${index + 1}.png`" mode="" v-for="(item, index) in 6" :key="index" style="width: 150px; height: 200px"></image>
				</view>
			</my-container>
			<my-container>
				<view style="box-sizing: border-box; padding: 20px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; height: 100%; gap: 10px">
					<image :src="`../../static/images/s7${index + 6}.png`" mode="" v-for="(item, index) in 6" :key="index" style="width: 150px; height: 200px"></image>
				</view>
			</my-container>
			<my-container>
				<view style="padding: 20px; display: flex; flex-flow: column; height: 100%; gap: 10px">
					<view class="animated flipInX delay-5s" style="display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; height: 25%; gap: 48px">
						<image src="../../static/images/logo.png" mode="" style="width: 146.761px; height: 139.2px"></image>
					</view>
					<view style="text-indent: 2em; font-size: 18px; font-style: normal; font-weight: 400; line-height: 160%">
						随着信息技术的不断发展和数字化转型的加速，软件行业迎来了广阔的发展前景。锦州昊鼎创新科技有限公司将继续秉承创新、专业、服务的理念和用心、学习、实干、创新的企业理念，不断提升自身的技术实力和服务水平，为客户提供更优质的软件解决方案。同时，公司将积极拓展国内外市场，加强与合作伙伴的合作，实现共同发展。
					</view>
					<view style="text-indent: 2em; font-size: 18px; font-style: normal; font-weight: 400; line-height: 160%">
						未来，锦州昊鼎创新科技有限公司将以更加坚定的步伐，迈向软件行业的新高峰，为推动行业发展和社会进步做出更大的贡献。
					</view>
				</view>
			</my-container>
		</scroll-view>
	</view>
</template>

<script>
import myContainer from '@/myCom/myContainer/index.vue';
export default {
	components: {
		myContainer
	},
	data() {
		return {
			title: '',
			bgurl: ''
		};
	},
	onShareAppMessage(res) {
		if (res.from === 'button') {
			// 来自页面内分享按钮
			console.log(res.target);
		}
		return {
			title: '锦州昊鼎创新科技有限公司',
			path: '/pages/index/index',
			imageUrl: '/static/images/share.png'
		};
	},
	onLoad() {},
	methods: {
		setbgStyle() {
			const base64 = uni.getFileSystemManager().readFileSync('/static/images/bg.png', 'base64');
			return {
				backgroundImage: `url(data:image/png;base64,${base64})`
			};
		},
		srcollto(e) {
			// console.log(e.detail.scrollTop);
		}
	}
};
</script>

<style lang="scss">
.content {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
}
</style>