ny
22 小时以前 282fbc6488f4e8ceb5fda759f963ee88fbf7b999
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<script lang="ts" setup>
import { computed } from 'vue';
 
import { BasicModal, useModalInner } from '@jnpf/ui/modal';
 
import { useBaseStore } from '#/store';
 
const [registerModal] = useModalInner();
const baseStore = useBaseStore();
 
const getSysConfig = computed(() => baseStore.getSysConfig);
</script>
<template>
  <BasicModal v-bind="$attrs" :footer="null" :width="915" class="about-modal" @register="registerModal">
    <div class="about-title">关于平台</div>
    <p class="about-content">
      引迈信息技术有限公司是一家做快速开发平台的企业,针对软件传统开发遇到招人难、留人难、用人成本高、技术更新换代快等一系列问题,只需要一套JNPF平台、您遇到的一系列问题就迎刃而解。
    </p>
    <p class="about-content">
      JNPF采用主流的两大技术Java/.Net开发,是一套低代码开发平台。可视化开发环境,有拖拽式的代码生成器,灵活的权限配置、SaaS服务,强大的接口对接,随心可变的工作流引擎,一站式开发多端使用Web、Android、IOS、微信小程序;并且有以构建业务流程、逻辑和数据模型等所需的功能,为企业项目节省80%的重回工作,让开发者将重心放在业务逻辑,不必烦恼底层架构设计,可短时间开发出如ERP、OA、CRM、HR、MIS以及电信、银行、政府、企业等各行业的企业应用系统。
    </p>
    <p class="about-content">引迈信息技术有限公司以诚信为根本、服务为基础理念,通过持续不断地研发技术创新、强化平台质量和颜值,为企业保驾护航!</p>
    <p class="about-copyright">{{ getSysConfig.copyright }}</p>
  </BasicModal>
</template>
<style lang="scss">
.about-modal {
  .ant-modal-close {
    top: 20px;
    right: 20px;
 
    .anticon-close svg {
      font-size: 20px;
    }
  }
 
  .ant-modal-content {
    overflow: hidden;
  }
 
  .ant-modal-body {
    height: 620px;
    overflow: hidden;
    background: url('@/assets/images/about-bg.png') no-repeat center center;
    background-size: 100% 100%;
  }
 
  .scrollbar {
    padding: 66px 100px 0 !important;
  }
 
  .about-title {
    margin-bottom: 76px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
  }
 
  .about-content {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 22px;
    text-indent: 2em;
  }
 
  .about-copyright {
    margin-top: 90px;
    color: var(--text-color-secondary);
    text-align: center;
  }
}
 
.dark,
.dark[data-theme='custom'],
.dark[data-theme='default'] {
  .about-modal {
    color: #333;
 
    .anticon-close svg {
      color: var(--text-color-secondary);
 
      &:hover {
        color: var(--error-color);
      }
    }
  }
}
</style>