83 lines
2.5 KiB
Vue
83 lines
2.5 KiB
Vue
<template>
|
||
<n-modal v-model:show="modelShowRef" @afterLeave="closeHandle">
|
||
<n-list bordered class="go-system-info">
|
||
<template #header>
|
||
<n-space justify="space-between">
|
||
<n-h3 class="go-mb-0">关于我们</n-h3>
|
||
<n-icon size="20" class="go-cursor-pointer" @click="closeHandle">
|
||
<close-icon></close-icon>
|
||
</n-icon>
|
||
</n-space>
|
||
</template>
|
||
|
||
<n-list-item>
|
||
<n-space class="go-my-2" :size="20">
|
||
<n-text class="item-left">产品说明：</n-text>
|
||
<n-text>
|
||
FastBee 可视化大屏（fastbee-view）为岩安测控物联网平台配套的可视化设计器，在开源可视化技术栈基础上进行了二次开发与业务定制。
|
||
</n-text>
|
||
</n-space>
|
||
</n-list-item>
|
||
|
||
<n-list-item>
|
||
<n-space class="go-my-2" :size="20">
|
||
<n-text class="item-left">开源致谢：</n-text>
|
||
<n-text>
|
||
本产品包含依照
|
||
<n-text depth="2"> MIT </n-text>
|
||
协议授权的上游开源代码。再分发或修改时，请遵守 MIT 要求（保留许可证与原有版权声明等）。参考仓库：
|
||
<n-a href="https://gitee.com/kerwincui/wumei-smart" target="_blank" rel="noopener noreferrer">wumei-smart</n-a>
|
||
</n-text>
|
||
</n-space>
|
||
</n-list-item>
|
||
|
||
<n-list-item>
|
||
<n-space class="go-mt-2" :size="20">
|
||
<n-text class="item-left">权利说明：</n-text>
|
||
<n-text depth="2">
|
||
本项目中自行开发的界面、业务逻辑与配置等，知识产权归本项目维护方；上游开源部分的权利义务以原项目许可证及版权文件为准。
|
||
</n-text>
|
||
</n-space>
|
||
</n-list-item>
|
||
</n-list>
|
||
</n-modal>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
import { ref, watch } from 'vue'
|
||
import { icon } from '@/plugins'
|
||
|
||
const props = defineProps({
|
||
modelShow: Boolean
|
||
})
|
||
|
||
const emit = defineEmits(['update:modelShow'])
|
||
const { CloseIcon } = icon.ionicons5
|
||
const modelShowRef = ref(false)
|
||
|
||
watch(() => props.modelShow, (newValue) => {
|
||
modelShowRef.value = newValue
|
||
})
|
||
|
||
const closeHandle = () => {
|
||
emit('update:modelShow', false)
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
@include go('system-info') {
|
||
@extend .go-background-filter;
|
||
min-width: 100px;
|
||
max-width: 60vw;
|
||
padding-bottom: 20px;
|
||
.item-left {
|
||
width: 200px;
|
||
}
|
||
@include deep() {
|
||
.n-list-item:not(:last-child) {
|
||
border-bottom: 0;
|
||
}
|
||
}
|
||
}
|
||
</style>
|