preview的peport页面

src/views/home/agent/components/versionTree/detail/versionDetail.vue

@@ -0,0 +1,76 @@
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
+import { useI18n } from 'vue-i18n'
+const { t: $t } = useI18n()
+const props = defineProps({
+	versionDetail: {
+		type: Object,
+		default: () => ({})
+	}
+})
+const emit = defineEmits([
+	'versionRestore',
+	'versionDelete',
+])
+let data = reactive({
+})
+
+onMounted(()=>{
+})
+onUnmounted(()=>{
+})
+defineExpose({})
+const {} = toRefs(data);
+</script>
+<template>
+	<div class="versionDetail">
+		<div class="title">
+			<span class="titleText">
+				{{ $t('VersionTree.versionInformation') }}
+			</span>
+		</div>
+		<div class="version">{{versionDetail.version}}</div>
+		<div class="time marBott1">{{versionDetail.versionTime}}</div>
+		<div class="version gray">{{versionDetail.versionSketch}}</div>
+		<div class="time gray">{{versionDetail.versionSketchTime}}</div>
+	</div>
+</template>
+<style lang="less" scoped>
+	.versionDetail{
+		width: 100%;
+		height: 100%;
+		position: relative;
+		> .title{
+			line-height: 3.2rem;
+			font-size: 1.4rem;
+			color: #000;
+			display: flex;
+			justify-content: space-between;
+			height: 3.2rem;
+			margin-bottom: 2rem;
+			> .titleText{
+				opacity: .5;
+				font-weight: 600;
+				font-family: 'SemiBold';
+			}
+		}
+		> .version{
+			font-family: 'SemiBold';
+			font-weight: 600;
+			font-size: 1.4rem;
+			margin-bottom: .2rem;
+			line-height: 2rem;
+		}
+		> .marBott1{
+			margin-bottom: 1.2rem;
+		}
+		> .time{
+			font-weight: 500;
+			font-size: 1.2rem;
+			line-height: 2rem;
+		}
+		> .gray{
+			color: #C1C1C1;
+		}
+	}
+</style>