inl-ui 0.0.35 → 0.0.37

package/src/pageComponent/views/systemManager/about/README.md

@@ -1,37 +1,37 @@
-# 关于系统
-
-## 组件名称[**inl-about**]
-
-## 使用方式
-
-```jsx
-import { defineComponent } from "vue";
-export default defineComponent({
-  setup() {
-    return () => (
-      <inl-about></inl-about>;
-    );
-  },
-});
-```
-
-## 参数
-
-| 参数名称  | 类型                   | 默认值 | 作用                                      |
-| --------- | ---------------------- | ------ | ----------------------------------------- |
-| summary   | string                 |        | 产品简介                                  |
-| hardware  | IVersionDetail(见下方) |        | 硬件版本                                  |
-| software  | IVersionDetail(见下方) |        | 软件版本                                  |
-| database  | IVersionDetail(见下方) |        | 数据库版本                                |
-| manualUrl | String                 |        | 系统说明书下载链接 （不传不展示下载链接） |
-
-### IVersionDetail
-
-```typescript
-export interface IVersionDetail {
-  // 版本号
-  version: string | number;
-  // 版本概述
-  summary?: string;
-}
-```
+# 关于系统
+
+## 组件名称[**inl-about**]
+
+## 使用方式
+
+```jsx
+import { defineComponent } from "vue";
+export default defineComponent({
+  setup() {
+    return () => (
+      <inl-about></inl-about>;
+    );
+  },
+});
+```
+
+## 参数
+
+| 参数名称  | 类型                   | 默认值 | 作用                                      |
+| --------- | ---------------------- | ------ | ----------------------------------------- |
+| summary   | string                 |        | 产品简介                                  |
+| hardware  | IVersionDetail(见下方) |        | 硬件版本                                  |
+| software  | IVersionDetail(见下方) |        | 软件版本                                  |
+| database  | IVersionDetail(见下方) |        | 数据库版本                                |
+| manualUrl | String                 |        | 系统说明书下载链接 （不传不展示下载链接） |
+
+### IVersionDetail
+
+```typescript
+export interface IVersionDetail {
+  // 版本号
+  version: string | number;
+  // 版本概述
+  summary?: string;
+}
+```

package/src/pageComponent/views/systemManager/about/index.tsx

@@ -1,176 +1,176 @@
-import { defineComponent, onMounted, ref, reactive, PropType } from "vue";
-// import mtLogoBig from "@/pageComponent/assets/img/mtLogoBig.png";
-// import mtInfo from "@/pageComponent/assets/img/mtInfo.png";
-import { Card, Button, Modal, Popconfirm } from "ant-design-vue";
-import utils from "@/utils";
-
-export interface IVersionDetail {
-  // 版本号
-  version: string | number;
-  // 版本概述
-  summary?: string;
-}
-
-const About = defineComponent({
-  props: {
-    // 产品简介
-    summary: {
-      type: String,
-    },
-    // 硬件版本
-    hardware: {
-      type: Object as PropType<IVersionDetail>,
-    },
-    // 软件版本
-    software: {
-      type: Object as PropType<IVersionDetail>,
-    },
-    // 数据库版本
-    database: {
-      type: Object as PropType<IVersionDetail>,
-    },
-    // 系统说明书下载链接 （不传不展示下载链接）
-    manualUrl: {
-      type: String,
-    },
-  },
-  setup(prop, context) {
-    const visible = ref(false);
-
-    const state = reactive({
-      showContent: false,
-      loading: false,
-    });
-
-    const confirm = (e: MouseEvent) => {
-      console.log(e);
-      // message.success('Click on Yes');
-    };
-
-    const cancel = (e: MouseEvent) => {
-      console.log(e);
-      // message.error('Click on No');
-    };
-
-    const cancel2 = (e: MouseEvent) => {
-      // console.log(e);
-      state.loading = false;
-    };
-
-    return () => (
-      <div class="about" id="about">
-        <div class="flex-center logoLine">
-          {/* <img class="logo" src={mtLogoBig} /> */}
-
-          <Popconfirm
-            title="发现新版本v3.0，是否立即更新?"
-            ok-text="确定"
-            cancel-text="取消"
-            placement="bottomRight"
-            onConfirm={confirm}
-            onCancel={cancel}
-          >
-            <Button
-              type="primary"
-              onClick={() => {
-                // visible.value = true;
-              }}
-            >
-              检测更新
-            </Button>
-          </Popconfirm>
-
-          {/* <Modal
-            v-model={[visible.value, 'visible']}
-            title='系统检测更新'
-            width='400px'
-            onCancel={cancel2}
-            footer={null}
-            getContainer={() => document.getElementById('about')!}
-            class='update'
-            mask={false}
-          >
-            <div>
-              目前软件版本为 TFS-V1.0.0.1，最新软件版本为
-              TFS-V1.0.0.2，是否更新？
-            </div>
-
-            <Button
-              type='link'
-              class='infoBtn'
-              onClick={() => {
-                state.showContent = !state.showContent;
-              }}
-            >
-              更新内容详情{'>>'}
-            </Button>
-
-            {state.showContent && (
-              <Card class='card'>
-                <div>1、增加了总览页</div>
-                <div>2、增加了联系方式 </div>
-                <div>3、增加了版本管理</div>
-                <div>4、pad新版设计</div>
-              </Card>
-            )}
-
-            <div style='text-align: right'>
-              <Button
-                type='primary'
-                onClick={() => {
-                  state.loading = true;
-                }}
-                loading={state.loading}
-              >
-                更新
-              </Button>
-            </div>
-          </Modal> */}
-        </div>
-
-        <div class="titleLine">
-          <div class="title">产品简介</div>
-        </div>
-        <Card class="card">{prop.summary}</Card>
-
-        <div class="titleLine">
-          <div class="title">版本详情</div>
-        </div>
-        {prop.hardware && (
-          <>
-            <div class="litTitle">硬件版本：{prop.hardware.version}</div>
-            <Card class="card">{prop.hardware.summary}</Card>
-          </>
-        )}
-        {prop.software && (
-          <>
-            <div class="litTitle">软件版本：{prop.software.version}</div>
-            <Card class="card">{prop.software.summary}</Card>
-          </>
-        )}
-
-        {prop.database && (
-          <>
-            <div class="litTitle">数据库版本：{prop.database.version}</div>
-            <Card class="card">{prop.database.summary}</Card>
-          </>
-        )}
-
-        {prop.manualUrl && (
-          <div class="manual">
-            <div class="titleLine">
-              <div class="title">系统功能说明书</div>
-            </div>
-            <a class="down" target="_BLANK" href={prop.manualUrl}>
-              点击下载系统使用说明书&gt;&gt;
-            </a>
-          </div>
-        )}
-
-        {/* <img src={mtInfo} class="info" /> */}
-      </div>
-    );
-  },
-});
-
-export default utils.installComponent(About, "about");
+import { defineComponent, onMounted, ref, reactive, PropType } from "vue";
+// import mtLogoBig from "@/pageComponent/assets/img/mtLogoBig.png";
+// import mtInfo from "@/pageComponent/assets/img/mtInfo.png";
+import { Card, Button, Modal, Popconfirm } from "ant-design-vue";
+import utils from "@/utils";
+
+export interface IVersionDetail {
+  // 版本号
+  version: string | number;
+  // 版本概述
+  summary?: string;
+}
+
+const About = defineComponent({
+  props: {
+    // 产品简介
+    summary: {
+      type: String,
+    },
+    // 硬件版本
+    hardware: {
+      type: Object as PropType<IVersionDetail>,
+    },
+    // 软件版本
+    software: {
+      type: Object as PropType<IVersionDetail>,
+    },
+    // 数据库版本
+    database: {
+      type: Object as PropType<IVersionDetail>,
+    },
+    // 系统说明书下载链接 （不传不展示下载链接）
+    manualUrl: {
+      type: String,
+    },
+  },
+  setup(prop, context) {
+    const visible = ref(false);
+
+    const state = reactive({
+      showContent: false,
+      loading: false,
+    });
+
+    const confirm = (e: MouseEvent) => {
+      console.log(e);
+      // message.success('Click on Yes');
+    };
+
+    const cancel = (e: MouseEvent) => {
+      console.log(e);
+      // message.error('Click on No');
+    };
+
+    const cancel2 = (e: MouseEvent) => {
+      // console.log(e);
+      state.loading = false;
+    };
+
+    return () => (
+      <div class="about" id="about">
+        <div class="flex-center logoLine">
+          {/* <img class="logo" src={mtLogoBig} /> */}
+
+          <Popconfirm
+            title="发现新版本v3.0，是否立即更新?"
+            ok-text="确定"
+            cancel-text="取消"
+            placement="bottomRight"
+            onConfirm={confirm}
+            onCancel={cancel}
+          >
+            <Button
+              type="primary"
+              onClick={() => {
+                // visible.value = true;
+              }}
+            >
+              检测更新
+            </Button>
+          </Popconfirm>
+
+          {/* <Modal
+            v-model={[visible.value, 'visible']}
+            title='系统检测更新'
+            width='400px'
+            onCancel={cancel2}
+            footer={null}
+            getContainer={() => document.getElementById('about')!}
+            class='update'
+            mask={false}
+          >
+            <div>
+              目前软件版本为 TFS-V1.0.0.1，最新软件版本为
+              TFS-V1.0.0.2，是否更新？
+            </div>
+
+            <Button
+              type='link'
+              class='infoBtn'
+              onClick={() => {
+                state.showContent = !state.showContent;
+              }}
+            >
+              更新内容详情{'>>'}
+            </Button>
+
+            {state.showContent && (
+              <Card class='card'>
+                <div>1、增加了总览页</div>
+                <div>2、增加了联系方式 </div>
+                <div>3、增加了版本管理</div>
+                <div>4、pad新版设计</div>
+              </Card>
+            )}
+
+            <div style='text-align: right'>
+              <Button
+                type='primary'
+                onClick={() => {
+                  state.loading = true;
+                }}
+                loading={state.loading}
+              >
+                更新
+              </Button>
+            </div>
+          </Modal> */}
+        </div>
+
+        <div class="titleLine">
+          <div class="title">产品简介</div>
+        </div>
+        <Card class="card">{prop.summary}</Card>
+
+        <div class="titleLine">
+          <div class="title">版本详情</div>
+        </div>
+        {prop.hardware && (
+          <>
+            <div class="litTitle">硬件版本：{prop.hardware.version}</div>
+            <Card class="card">{prop.hardware.summary}</Card>
+          </>
+        )}
+        {prop.software && (
+          <>
+            <div class="litTitle">软件版本：{prop.software.version}</div>
+            <Card class="card">{prop.software.summary}</Card>
+          </>
+        )}
+
+        {prop.database && (
+          <>
+            <div class="litTitle">数据库版本：{prop.database.version}</div>
+            <Card class="card">{prop.database.summary}</Card>
+          </>
+        )}
+
+        {prop.manualUrl && (
+          <div class="manual">
+            <div class="titleLine">
+              <div class="title">系统功能说明书</div>
+            </div>
+            <a class="down" target="_BLANK" href={prop.manualUrl}>
+              点击下载系统使用说明书&gt;&gt;
+            </a>
+          </div>
+        )}
+
+        {/* <img src={mtInfo} class="info" /> */}
+      </div>
+    );
+  },
+});
+
+export default utils.installComponent(About, "about");

package/src/pageComponent/views/systemManager/aboutNew/README.md

@@ -1,26 +1,26 @@
-# 关于系统-新
-
-## 组件名称[**inl-about-new**]
-
-## 使用方式
-
-```jsx
-import { defineComponent } from "vue";
-export default defineComponent({
-  setup() {
-    return () => (
-      <inl-about-new></inl-about-new>;
-    );
-  },
-});
-```
-
-## 参数
-
-| 参数名称     | 类型   | 默认值 | 作用     |
-| ------------ | ------ | ------ | -------- |
-| summary      | string |        | 产品简介 |
-| softwareList | Array  |        | 版本详情 |
-| companyInfo  | Array  |        | 公司信息 |
-
-
+# 关于系统-新
+
+## 组件名称[**inl-about-new**]
+
+## 使用方式
+
+```jsx
+import { defineComponent } from "vue";
+export default defineComponent({
+  setup() {
+    return () => (
+      <inl-about-new></inl-about-new>;
+    );
+  },
+});
+```
+
+## 参数
+
+| 参数名称     | 类型   | 默认值 | 作用     |
+| ------------ | ------ | ------ | -------- |
+| summary      | string |        | 产品简介 |
+| softwareList | Array  |        | 版本详情 |
+| companyInfo  | Array  |        | 公司信息 |
+
+

package/src/pageComponent/views/systemManager/aboutNew/index.tsx

@@ -1,86 +1,86 @@
-import { defineComponent, ref, reactive, PropType } from "vue";
-import { Card } from "ant-design-vue";
-import utils from "@/utils";
-
-const AboutNew = defineComponent({
-  props: {
-    // 产品简介
-    summary: {
-      type: String,
-      default:
-        "美腾工业物联平台是基于工业物联网技术架构实现的工业智能管理一体化平台。可实现工业场景下智能采集、智能感知、智能预警、智能执行、智能分析、智能决策、专家系统的全覆盖智能化管理平台。该平台包含美腾工业数据管理平台与美腾工业AI智能算法平台子平台，可以实现工业大数据管理、大数据分析决策、深度学习、机器学习、模型训练等一系列AI智能管理能力。平台内置大量工业场景算法，可以支持常用工业场景AI智能识别处理。",
-    },
-    // 版本详情
-    softwareList: {
-      type: Array,
-      default: () => [
-        "软件版本：V1.0.0",
-        // "数据库版本：TLS-DB-V 1.0.0.1",
-      ],
-    },
-    // 公司信息
-    companyInfo: {
-      type: Array,
-      default: () => [
-        {
-          label: "地址",
-          value: "天津市南开区时代奥城商业广场国际写字楼C6南4层&7层",
-        },
-        { label: "手机", value: "185 2235 6042" },
-        {
-          label: "电话",
-          value: "022-23477172",
-        },
-        {
-          label: "邮箱",
-          value: "market@tjmeiteng.com",
-        },
-        {
-          label: "网址",
-          value: "www.tjmeiteng.com",
-        },
-      ],
-    },
-  },
-  setup(prop, context) {
-    return () => (
-      <div class="aboutNew" id="aboutNew">
-        <div class="flex-center logoLine">
-          <img class="logo" src="/micro-assets/inl/logo/logo_big.png" />
-        </div>
-
-        <div class="titleLine">
-          <div class="title">产品简介</div>
-        </div>
-        <Card class="card">
-          <span class="summary">{prop.summary}</span>
-        </Card>
-
-        <div class="titleLine">
-          <div class="title">版本详情</div>
-        </div>
-
-        <Card class="card">
-          {prop.softwareList.map((software: any) => (
-            <div class="software">{software}</div>
-          ))}
-        </Card>
-
-        <div class="bottom_line flex-center">
-          <img class="QRcode" src="/micro-assets/inl/logo/QRcode.png" />
-
-          <div class="companyInfo">
-            {prop.companyInfo.map((info: any) => (
-              <div class="infoLine flex-center">
-                <div class="label">{info.label}：</div>
-                <div class="value">{info.value}</div>
-              </div>
-            ))}
-          </div>
-        </div>
-      </div>
-    );
-  },
-});
-
-export default utils.installComponent(AboutNew, "about-new");
+import { defineComponent, ref, reactive, PropType } from "vue";
+import { Card } from "ant-design-vue";
+import utils from "@/utils";
+
+const AboutNew = defineComponent({
+  props: {
+    // 产品简介
+    summary: {
+      type: String,
+      default:
+        "美腾工业物联平台是基于工业物联网技术架构实现的工业智能管理一体化平台。可实现工业场景下智能采集、智能感知、智能预警、智能执行、智能分析、智能决策、专家系统的全覆盖智能化管理平台。该平台包含美腾工业数据管理平台与美腾工业AI智能算法平台子平台，可以实现工业大数据管理、大数据分析决策、深度学习、机器学习、模型训练等一系列AI智能管理能力。平台内置大量工业场景算法，可以支持常用工业场景AI智能识别处理。",
+    },
+    // 版本详情
+    softwareList: {
+      type: Array,
+      default: () => [
+        "软件版本：V1.0.0",
+        // "数据库版本：TLS-DB-V 1.0.0.1",
+      ],
+    },
+    // 公司信息
+    companyInfo: {
+      type: Array,
+      default: () => [
+        {
+          label: "地址",
+          value: "天津市南开区时代奥城商业广场国际写字楼C6南4层&7层",
+        },
+        { label: "手机", value: "185 2235 6042" },
+        {
+          label: "电话",
+          value: "022-23477172",
+        },
+        {
+          label: "邮箱",
+          value: "market@tjmeiteng.com",
+        },
+        {
+          label: "网址",
+          value: "www.tjmeiteng.com",
+        },
+      ],
+    },
+  },
+  setup(prop, context) {
+    return () => (
+      <div class="aboutNew" id="aboutNew">
+        <div class="flex-center logoLine">
+          <img class="logo" src="/micro-assets/inl/logo/logo_big.png" />
+        </div>
+
+        <div class="titleLine">
+          <div class="title">产品简介</div>
+        </div>
+        <Card class="card">
+          <span class="summary">{prop.summary}</span>
+        </Card>
+
+        <div class="titleLine">
+          <div class="title">版本详情</div>
+        </div>
+
+        <Card class="card">
+          {prop.softwareList.map((software: any) => (
+            <div class="software">{software}</div>
+          ))}
+        </Card>
+
+        <div class="bottom_line flex-center">
+          <img class="QRcode" src="/micro-assets/inl/logo/QRcode.png" />
+
+          <div class="companyInfo">
+            {prop.companyInfo.map((info: any) => (
+              <div class="infoLine flex-center">
+                <div class="label">{info.label}：</div>
+                <div class="value">{info.value}</div>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+    );
+  },
+});
+
+export default utils.installComponent(AboutNew, "about-new");