+
+
+
+
+
+
diff --git a/src/components/features/bindSN.vue b/src/components/features/bindSN.vue
new file mode 100644
index 0000000..3e8a2c8
--- /dev/null
+++ b/src/components/features/bindSN.vue
@@ -0,0 +1,239 @@
+
+
+ 校验数据 :
+
+
+ 校验结果（十六进制）: {{ resultHex }}
+
+
+ 校验结果（十进制）: {{ resultDec }}
+
+
+ 校验结果（二进制）: {{ resultBin }}
+
+
+
+ 校验
+
+
+ 清除
+
+
+
+
+
+
+
+
+
diff --git a/src/components/features/bsideManager.vue b/src/components/features/bsideManager.vue
new file mode 100644
index 0000000..697e330
--- /dev/null
+++ b/src/components/features/bsideManager.vue
@@ -0,0 +1,453 @@
+
+
+
+ 确认绑定
+
+
+
+
+
+ {{ selectedUser }}
+
+
+
+
+
+ {{ selectedSN }}
+
+
+
+
+ 用户ID
+
+
+
+ SN号
+
+
+
+
+
+
+
+
+
+
+
+ 未绑定的用户
+
+
+
+
+ {{ user }}
+
+
+
+ 未绑定的SN号
+
+
+
+
+ {{ sn }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 单位用户名
+
+
+
+ {{ scope.row.account_name }}
+
+
+ 用户姓名
+
+
+
+ {{ scope.row.user_name }}
+
+
+ 用户手机号码
+
+
+
+ {{ scope.row.phone }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ SN号
+
+
+ {{ scope.row.sn_number }}
+
+
+
+ 原始数据
+
+
+
+
+
+ {{ scope.row.original_msg.length/2 }}个字节
+
+
+ {{ scope.row.original_msg ? scope.row.original_msg : "解析错误" }}
+
+
+ 展示全部内容
+
+
+
+
+ 接收内容
+
+
+
+
+
+ {{ scope.row.msg_data ? scope.row.msg_data : "解析错误" }}
+
+
+ 展示全部内容
+
+
+
+
+ 接收时间
+
+
+
+
+ {{ scope.row.created_at }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 单位用户名
+
+
+
+
+ {{ scope.row.account_name }}
+
+
+
+ SN号
+
+
+
+
+ {{ scope.row.sn_number }}
+
+
+
+ 操作类型
+
+
+
+
+ {{ scope.row.type == true ? "绑定" : "解绑" }}
+
+
+
+ 操作时间
+
+
+
+
+ {{ scope.row.created_at }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ SN号
+
+
+
+
+ {{ scope.row.sn_number }}
+
+
+
+ 绑定状态
+
+
+
+
+ {{ scope.row.status == true ? "已绑定" : "未绑定" }}
+
+
+
+ 操作时间
+
+
+
+
+ {{ scope.row.updated_at }}
+
+
+
+ 常见问题指南：
+
+
+ Q：为什么平台在打开状态下且一段时间无任何操作后会显示未绑定且无连接状态？ +
+ A：这是由于身份信息过期导致的，进行数据搜索的操作后身份信息会自动刷新，数据也会正常显示。 +
+
+ Q：为什么平台在使用中有时候会突然跳转到登录页面然后跳转回来？ +
+ A：这是由于身份信息刷新导致的，不会导致数据丢失，可放心使用。 +
+
+ Q：为什么平台在登录和刷新后有时会弹出“未查找到相关数据！”的提示？ +
+ A：这是由于身份信息正在刷新导致的，刷新完毕后数据会正常显示。 +
+
+ Q：为什么当前消息一直显示“连接中...”？ +
+ A：这种情况需要检查您的网络状况或更改连接的网络后重试。 +
+
+ Q：表格左上角的表格工具是什么？ +
+ A：表格工具是用来显示或隐藏用于对表格进行搜索、排序和编辑删除等操作的控件， +
+ 使用时只需要将鼠标移动到表格工具上，然后选择需要使用的功能并点击即可，附操作图如下： +
+
+
+
+
+
diff --git a/src/components/guide/code.vue b/src/components/guide/code.vue
new file mode 100644
index 0000000..9227cc7
--- /dev/null
+++ b/src/components/guide/code.vue
@@ -0,0 +1,92 @@
+
+ +
+ Q：为什么平台在打开状态下且一段时间无任何操作后会显示未绑定且无连接状态？ +
+ A：这是由于身份信息过期导致的，进行数据搜索的操作后身份信息会自动刷新，数据也会正常显示。 +
+
+ Q：为什么平台在使用中有时候会突然跳转到登录页面然后跳转回来？ +
+ A：这是由于身份信息刷新导致的，不会导致数据丢失，可放心使用。 +
+
+ Q：为什么平台在登录和刷新后有时会弹出“未查找到相关数据！”的提示？ +
+ A：这是由于身份信息正在刷新导致的，刷新完毕后数据会正常显示。 +
+
+ Q：为什么当前消息一直显示“连接中...”？ +
+ A：这种情况需要检查您的网络状况或更改连接的网络后重试。 +
+
+ Q：表格左上角的表格工具是什么？ +
+ A：表格工具是用来显示或隐藏用于对表格进行搜索、排序和编辑删除等操作的控件， +
+ 使用时只需要将鼠标移动到表格工具上，然后选择需要使用的功能并点击即可，附操作图如下： +
+
+
+ 1. 鼠标移入表格工具，弹出下拉框
+ 
+
+
+
+ 2. 选择需要使用的工具，工具显
+
+ 示，显示状态下右边存在眼睛图标 +
+
+ + 示，显示状态下右边存在眼睛图标 +
+
+ 3. 可选择多个工具同时进行使用
+ 
+
+
+
+ 4. 如果工具使用完毕，可以再次
+
+ 点击下拉框中的对应工具进行隐藏 +
+
+ + 点击下拉框中的对应工具进行隐藏 +
+
+ 汉字编码使用指南：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/guide/guide.vue b/src/components/guide/guide.vue
new file mode 100644
index 0000000..2f2348f
--- /dev/null
+++ b/src/components/guide/guide.vue
@@ -0,0 +1,128 @@
+
+ +
+
+ 编码科普：
+ 如果您不懂汉字编码，建议您先点击链接“编码科普”以了解汉字编码的基本知识。
+ 
+
+
+ +
+
+ 汉字转换为编码：
+
+ 灰色框为输入区域， 在此区域输入需要转换为编码的汉字 +
+ 黄色框为“显示类型”选择下拉框，共提供两种显示类型 +
+ 绿色框为“转换汉字”按钮，点击此按钮可将输入框的汉字转换为编码并显示在输出区域 +
+ 蓝色框为“清除”按钮，点击此按钮可清除输入框和输出区域的内容 +
+
+ + 灰色框为输入区域， 在此区域输入需要转换为编码的汉字 +
+ 黄色框为“显示类型”选择下拉框，共提供两种显示类型 +
+ 绿色框为“转换汉字”按钮，点击此按钮可将输入框的汉字转换为编码并显示在输出区域 +
+ 蓝色框为“清除”按钮，点击此按钮可清除输入框和输出区域的内容 +
+ +
+
+ 选择显示类型：显示类型分为单字显示和连续显示两种模式
+ 
+
+
+ +
+
+ 汉字转换为编码的转换结果：
+ 
+
+
+ +
+
+ 点击左上角的转换模式按钮可切换编码模式
+ 
+
+
+ +
+
+ 编码转换为汉字：
+
+ 灰色框为输入区域， 在此区域输入需要转换为汉字的编码 +
+ 黄色框为“解码类型”选择下拉框，共提供三种解码类型 +
+ 绿色框为“显示类型”选择下拉框，共提供两种显示类型 +
+ 红色框为“转换编码”按钮，点击此按钮可将输入框的编码转换为汉字并显示在输出区域 +
+ 蓝色框为“清除”按钮，点击此按钮可清除输入框和输出区域的内容 +
+
+ + 灰色框为输入区域， 在此区域输入需要转换为汉字的编码 +
+ 黄色框为“解码类型”选择下拉框，共提供三种解码类型 +
+ 绿色框为“显示类型”选择下拉框，共提供两种显示类型 +
+ 红色框为“转换编码”按钮，点击此按钮可将输入框的编码转换为汉字并显示在输出区域 +
+ 蓝色框为“清除”按钮，点击此按钮可清除输入框和输出区域的内容 +
+ +
+
+ 选择解码类型：解码类型分为十进制解码，十六进制解码和二进制解码三种模式
+ 
+
+
+ +
+
+ 选择显示类型：显示类型分为单字显示和连续显示两种模式
+
+
+
+ +
+
+ 编码转换为汉字的转换结果：
+ 
+
+
+
+ 卫星通信服务平台使用帮助
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 顶部导航栏指南：
+
+
+ 导航栏组成： +
+
+
+
+
+
+
+
+
+
diff --git a/src/components/guide/manager.vue b/src/components/guide/manager.vue
new file mode 100644
index 0000000..61b6fa0
--- /dev/null
+++ b/src/components/guide/manager.vue
@@ -0,0 +1,38 @@
+
+ +
+ 导航栏组成： +
+
+
+ 左侧：
+ 展示了SN号以及帮助按钮
+ 
+
+
+ +
+
+ 右侧：
+ 内容为账户名的下拉框，鼠标移动到下拉框时，会显示一些功能
+ 
+
+
+
+ 单位管理指南：
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/guide/msg.vue b/src/components/guide/msg.vue
new file mode 100644
index 0000000..de65067
--- /dev/null
+++ b/src/components/guide/msg.vue
@@ -0,0 +1,72 @@
+
+ +
+
+ 单位管理操作工具：
+
+ 单位管理功能中最重要的部分是表格的操作工具 +
+ 可以通过表格左上角的下拉框找到操作工具并使其显示 +
+
+ + 单位管理功能中最重要的部分是表格的操作工具 +
+ 可以通过表格左上角的下拉框找到操作工具并使其显示 +
+ +
+
+ 操作工具介绍：
+
+ 单位管理功能的表格的操作工具具有四种操作类型 +
+ 黄色框内为账号信息的编辑功能，只允许单个账号信息的编辑操作 +
+ 红色框内为账号状态的重置功能，可以重置账号的密码、解绑账号所绑定的北斗卡、删除账号现有的姓名和手机号 +
+ 蓝色框内为账号密码的重置功能，可以重置账号的密码 +
+ 绿色框内为账号与北斗卡的的解绑功能，可以解绑账号所绑定的北斗卡 +
+
+ + 单位管理功能的表格的操作工具具有四种操作类型 +
+ 黄色框内为账号信息的编辑功能，只允许单个账号信息的编辑操作 +
+ 红色框内为账号状态的重置功能，可以重置账号的密码、解绑账号所绑定的北斗卡、删除账号现有的姓名和手机号 +
+ 蓝色框内为账号密码的重置功能，可以重置账号的密码 +
+ 绿色框内为账号与北斗卡的的解绑功能，可以解绑账号所绑定的北斗卡 +
+
+ 查看消息指南：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/guide/xor.vue b/src/components/guide/xor.vue
new file mode 100644
index 0000000..95f9d37
--- /dev/null
+++ b/src/components/guide/xor.vue
@@ -0,0 +1,42 @@
+
+ +
+
+ 实时消息：
+ 左侧为接收到的实时消息的内容，右侧为接收到实时消息时的时间
+ 
+
+
+ +
+
+ 查看历史消息的全部内容：
+ 消息内容过长时，可以点击右侧的“展示全部内容”按钮来查看消息的全部内容
+ 
+
+
+ +
+
+ 删除历史消息：
+ 想要删除历史消息时，首先需要显示出表格工具中的“操作工具”
+ 
+
+
+ +
+
+ 删除历史消息：
+
+ 此处存在三种删除操作: +
+ 1. 下图红色框内的按钮“删除”可以删除当前行的数据 +
+ 2. 下图蓝色框内的按钮“删除选中”可以删除选中行的数据 +
+ 2.1 下图灰色框内的单选框可以全选中或全不选中所有行的数据 +
+ 2.2 下图绿色框内的单选框可以选中或不选中当前行的数据 +
+ 3. 下图黄色框内的按钮“删除所有”可以删除所有行的数据 +
+
+ + 此处存在三种删除操作: +
+ 1. 下图红色框内的按钮“删除”可以删除当前行的数据 +
+ 2. 下图蓝色框内的按钮“删除选中”可以删除选中行的数据 +
+ 2.1 下图灰色框内的单选框可以全选中或全不选中所有行的数据 +
+ 2.2 下图绿色框内的单选框可以选中或不选中当前行的数据 +
+ 3. 下图黄色框内的按钮“删除所有”可以删除所有行的数据 +
+
+ 异或校验指南：
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/manager/changePassword.vue b/src/components/manager/changePassword.vue
new file mode 100644
index 0000000..45448c1
--- /dev/null
+++ b/src/components/manager/changePassword.vue
@@ -0,0 +1,217 @@
+
+ +
+
+ 功能组成：
+
+ 蓝色框内为校验数据的输入框 +
+ 绿色区域为校验结果的显示区域 +
+ 下方的“校验”按钮用于执行校验 +
+ 下方的“清除”按钮用于清除输入框的校验数据和显示区域的校验结果。 +
+
+ + 蓝色框内为校验数据的输入框 +
+ 绿色区域为校验结果的显示区域 +
+ 下方的“校验”按钮用于执行校验 +
+ 下方的“清除”按钮用于清除输入框的校验数据和显示区域的校验结果。 +
+ +
+
+ 未输入校验数据时的报错示例：
+ 
+ 
+
+
+
+ +
+
+ 校验结果示例：
+ 
+
+
+
+ 密码管理
+
+
+
+
+
+
+
+ 账户管理
+
+
+
+
+
+
+
+ 数据展示
+
+
+
+
+
+
+
+ {{ operateLabel }}
+
+
+
+
+
+
+
+ {{ operateLabel }}
+
+
+
+
+
+
+
+ 当前消息: {{ props.socketMsg }}
+ 接收时间: {{ props.socketCreatedAt }}
+
+
+
+ {{ holderText.multiple }}
+
+
+ {{ holderText.all }}
+
+
+
+ {{ holderText.label }}
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/pageStructure/footer.vue b/src/components/pageStructure/footer.vue
new file mode 100644
index 0000000..dcb7932
--- /dev/null
+++ b/src/components/pageStructure/footer.vue
@@ -0,0 +1,16 @@
+
+
+
+
+ 表格工具
+
+
+
+
+
+
+
+ 搜索工具
+
+
+
+
+
+
+ 排序工具
+
+
+
+
+
+
+ 操作工具
+
+
+
+
+
+
+
+
+
+
+ 卫星通信服务平台
+
+
+
+
+ 技术支持电话：400-166-5286
+
+
+
+
+
+
+
diff --git a/src/components/pageStructure/header.vue b/src/components/pageStructure/header.vue
new file mode 100644
index 0000000..4bad806
--- /dev/null
+++ b/src/components/pageStructure/header.vue
@@ -0,0 +1,168 @@
+
+
+ SN号:
+
+ {{ snNumber ? snNumber : "未绑定" }}
+
+
+
+
+
+ 帮助
+
+
+
+
+
+ 账户名: {{ userMsg.account_name }}
+
+
+
+
+
+
+
+ 账户管理
+
+
+
+
+ 密码管理
+
+
+
+
+ 退出登录
+
+
+
+
+
+
+
+
+
+ 查看消息
+
+
+ 汉字编码
+
+
+ 异或校验
+
+
+ 单位管理
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/search/dateTimePicker.vue b/src/components/search/dateTimePicker.vue
new file mode 100644
index 0000000..c269dcc
--- /dev/null
+++ b/src/components/search/dateTimePicker.vue
@@ -0,0 +1,94 @@
+
+
+
+ 卫星通信服务平台
+
+
+
+
+ 转换模式
+
+
+
+
+
+
+
+ SN号码管理
+
+
+ 用户管理
+
+
+ 绑定记录
+
+
+ 绑定用户
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/search/pagination.vue b/src/components/search/pagination.vue
new file mode 100644
index 0000000..e7b41f3
--- /dev/null
+++ b/src/components/search/pagination.vue
@@ -0,0 +1,57 @@
+
+
+
+
+
+
+
+
diff --git a/src/components/search/searchKey.vue b/src/components/search/searchKey.vue
new file mode 100644
index 0000000..b7a4687
--- /dev/null
+++ b/src/components/search/searchKey.vue
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/search/selectSearch.vue b/src/components/search/selectSearch.vue
new file mode 100644
index 0000000..3ffc2d4
--- /dev/null
+++ b/src/components/search/selectSearch.vue
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/search/sortSearch.vue b/src/components/search/sortSearch.vue
new file mode 100644
index 0000000..de6dc8f
--- /dev/null
+++ b/src/components/search/sortSearch.vue
@@ -0,0 +1,32 @@
+
+
+ 编码帮助
+
+
+
+
+
+
+ GB2312 编码表
++ GB 2312 标准由中国国家标准总局 1980 年发布，GB 即国标，共收录 + 6763个汉字，其中一级汉字 3755 个，二级汉字 3008 个。 +
+
+
-
+
- + GB 2312的出现，基本满足了汉字的计算机处理需要，它所收录的汉字已经覆盖中国大陆 + 99.75% 的使用频率。 + +
- + 对于人名、古汉语等方面出现的罕用字，GB 2312 不能处理，这导致了后来 GBK 及 GB + 18030 汉字字符集的出现。 + +
+ GB 2312收录了包括拉丁字母、希腊字母、日文平假名及片假名字母、俄语西里尔字母在内的 + 682 个全角字符。 +
+ GB 2312 兼容 ASCII 码（0 - + 127），之后对任意一个图形字符都采用两个字节表示，高位字节和低位字节都大于127。 +
+
+ GB 2312 字符集分成 94 + 个区，每区有94个位，分别对应第一字节和第二字节，这种表示方式也称为区位码。 +
+
+
-
+
- 01-09 区为特殊符号 +
- 10-15 区为用户自定义符号区（未编码） +
- 16-55 区为一级汉字，按拼音排序，共 3755 个 +
- 56-87 区为二级汉字，按部首/笔画排序，共 3008 个 +
- 88-94 区为用户自定义汉字区（未编码） +
+
+
+
+
+
+ 转换编码
+
+
+ 清除
+
+
+ +
+
+
+
+
+ 编码（十进制）: {{ fontcodedec ? fontcodedec[index] : "" }}
+
+
+
+ 编码（十六进制）: {{ fontcodehex ? fontcodehex[index] : "" }}
+
+
+
+ 编码（二进制）: {{ fontcodebin ? fontcodebin[index] : "" }}
+
+
+
+ 汉字: {{ transcode[index] }}
+
+
+ 汉字: {{ transcodehex[index] }}
+
+
+ 汉字: {{ transcodebin[index] }}
+
+
+
+
+
+
+
+
diff --git a/src/components/transcoding/encode.vue b/src/components/transcoding/encode.vue
new file mode 100644
index 0000000..523aa66
--- /dev/null
+++ b/src/components/transcoding/encode.vue
@@ -0,0 +1,159 @@
+
+ +
+
+
+
+
+
+ 转换汉字
+
+
+ 清除
+
+
+ +
+
+
+
+
+ 汉字: {{ item }}
+
+
+
+ 编码（十进制）: {{ transfont[index] }}
+
+
+
+ 编码（十六进制）: {{ transfonthex[index] }}
+
+
+
+ 编码（二进制）: {{ transfontbin[index] }}
+
+
+
+
+
+
+
+
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..ff9e433
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,23 @@
+import './assets/main.css'
+
+import { createApp } from 'vue';
+import { createPinia } from 'pinia';
+import piniaPersist from 'pinia-plugin-persist';
+import ElementPlus from 'element-plus';
+import zhCn from 'element-plus/es/locale/lang/zh-cn';
+import 'element-plus/dist/index.css';
+
+import App from './App.vue';
+import router from './router';
+
+const app = createApp(App); // 创建 vue 实例
+
+const store = createPinia(); // 创建 pinia 实例
+
+store.use(piniaPersist);
+
+app.use(store);
+app.use(ElementPlus, { locale: zhCn });
+app.use(router);
+
+app.mount('#app');
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000..9bc7140
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,31 @@
+import { createRouter, createWebHistory } from 'vue-router';
+
+const router = createRouter({
+ history: createWebHistory(import.meta.env.BASE_URL),
+ routes: [
+ {
+ path: '/main',
+ name: 'main',
+ component: () => import('../views/Main.vue')
+ },
+ {
+ path: '/404page',
+ name: '404',
+ component: () => import('../views/404page.vue')
+ }
+ ]
+});
+
+router.beforeEach((to, from, next) => {
+ if (to.matched.length === 0) {
+ if (to.path == "/") {
+ router.push({ path: '/main' });
+ } else {
+ router.push({ path: '/404page' });
+ }
+ } else {
+ next();
+ }
+});
+
+export default router;
diff --git a/src/stores/bindSN.js b/src/stores/bindSN.js
new file mode 100644
index 0000000..f11900e
--- /dev/null
+++ b/src/stores/bindSN.js
@@ -0,0 +1,26 @@
+import { defineStore } from 'pinia';
+import { parse, stringify } from 'zipson';
+
+const bindSNActiveStore = defineStore('bindSN', {
+ state: () => ({
+ // 持久化数据
+ selectedUser: "",
+ selectedSN: "",
+ }),
+ persist: {
+ enabled: true, // Store 中数据持久化生效
+ strategies: [
+ {
+ key: 'bindSNActive', // 存储的 key
+ storage: localStorage, // 存储位置
+ paths: ["selectedUser", "selectedSN"], // 需要持久化的字段
+ serializer: {
+ deserialize: parse,
+ serialize: stringify,
+ },
+ }
+ ],
+ },
+});
+
+export default bindSNActiveStore;
\ No newline at end of file
diff --git a/src/stores/bsideManager.js b/src/stores/bsideManager.js
new file mode 100644
index 0000000..7925ddb
--- /dev/null
+++ b/src/stores/bsideManager.js
@@ -0,0 +1,37 @@
+import { defineStore } from 'pinia';
+import { parse, stringify } from 'zipson';
+
+const bsideManagerActiveStore = defineStore('bsideManager', {
+ state: () => ({
+ // 持久化数据
+ offset: 1,
+ limit: 10,
+ dataCount: 0,
+ pageCount: 0,
+ searchOptions: {
+ account_name: "",
+ user_name: "",
+ phone: "",
+ },
+ dialogVisible: false,
+ dialogSearchVisible: false,
+ dialogSortVisible: false,
+ dialogOperationVisible: false
+ }),
+ persist: {
+ enabled: true, // Store 中数据持久化生效
+ strategies: [
+ {
+ key: 'bsideManagerActive', // 存储的 key
+ storage: localStorage, // 存储位置
+ paths: ["offset", "limit", "dataCount", "pageCount", "searchOptions", "dialogVisible", "dialogSearchVisible", "dialogSortVisible", "dialogOperationVisible"], // 需要持久化的字段
+ serializer: {
+ deserialize: parse,
+ serialize: stringify,
+ },
+ }
+ ]
+ },
+});
+
+export default bsideManagerActiveStore;
\ No newline at end of file
diff --git a/src/stores/decode.js b/src/stores/decode.js
new file mode 100644
index 0000000..bf22c72
--- /dev/null
+++ b/src/stores/decode.js
@@ -0,0 +1,33 @@
+import { defineStore } from 'pinia';
+import { parse, stringify } from 'zipson';
+
+const decodeActiveStore = defineStore('decode', {
+ state: () => ({
+ // 持久化数据
+ decodeType: "",
+ showType: "",
+ fontcode: "",
+ transcode: "",
+ transcodehex: "",
+ transcodebin: "",
+ fontcodedec: "",
+ fontcodehex: "",
+ fontcodebin: "",
+ }),
+ persist: {
+ enabled: true, // Store 中数据持久化生效
+ strategies: [
+ {
+ key: 'decodeActive', // 存储的 key
+ storage: localStorage, // 存储位置
+ paths: ["decodeType", "showType", "fontcode", "transcode", "transcodehex", "transcodebin", "fontcodedec", "fontcodehex", "fontcodebin"], // 需要持久化的字段
+ serializer: {
+ deserialize: parse,
+ serialize: stringify,
+ },
+ }
+ ],
+ },
+});
+
+export default decodeActiveStore;
\ No newline at end of file
diff --git a/src/stores/encode.js b/src/stores/encode.js
new file mode 100644
index 0000000..6f68c33
--- /dev/null
+++ b/src/stores/encode.js
@@ -0,0 +1,29 @@
+import { defineStore } from 'pinia';
+import { parse, stringify } from 'zipson';
+
+const encodeActiveStore = defineStore('encode', {
+ state: () => ({
+ // 持久化数据
+ showType: "",
+ inputfont: "",
+ transfont: "",
+ transfonthex: "",
+ transfontbin: "",
+ }),
+ persist: {
+ enabled: true, // Store 中数据持久化生效
+ strategies: [
+ {
+ key: 'encodeActive', // 存储的 key
+ storage: localStorage, // 存储位置
+ paths: ["showType", "inputfont", "transfont", "transfonthex", "transfontbin"], // 需要持久化的字段
+ serializer: {
+ deserialize: parse,
+ serialize: stringify,
+ },
+ }
+ ]
+ },
+});
+
+export default encodeActiveStore;
\ No newline at end of file
diff --git a/src/stores/historyMsg.js b/src/stores/historyMsg.js
new file mode 100644
index 0000000..badc7dd
--- /dev/null
+++ b/src/stores/historyMsg.js
@@ -0,0 +1,43 @@
+import { defineStore } from 'pinia';
+import { parse, stringify } from 'zipson';
+
+const historyMsgActiveStore = defineStore('historyMsg', {
+ state: () => ({
+ // 持久化数据
+ activeIndex: "1",
+ subActiveIndex: "1",
+ offset: 1,
+ limit: 10,
+ dataCount: 0,
+ pageCount: 0,
+ searchOptions: {
+ sn_number: "",
+ original_msg: "",
+ msg_data: "",
+ created_at: "",
+ },
+ sortOptions: {
+ sn_number: false,
+ created_at: false,
+ },
+ dialogSearchVisible: false,
+ dialogSortVisible: false,
+ dialogOperationVisible: false
+ }),
+ persist: {
+ enabled: true, // Store 中数据持久化生效
+ strategies: [
+ {
+ key: 'historyMsgActive', // 存储的 key
+ storage: localStorage, // 存储位置
+ paths: ["activeIndex", "subActiveIndex", "offset", "limit", "dataCount", "pageCount", "searchOptions", "sortOptions", "dialogSearchVisible", "dialogSortVisible", "dialogOperationVisible"], // 需要持久化的字段
+ serializer: {
+ deserialize: parse,
+ serialize: stringify,
+ },
+ }
+ ]
+ },
+});
+
+export default historyMsgActiveStore;
\ No newline at end of file
diff --git a/src/stores/record.js b/src/stores/record.js
new file mode 100644
index 0000000..fd813a3
--- /dev/null
+++ b/src/stores/record.js
@@ -0,0 +1,40 @@
+import { defineStore } from 'pinia';
+import { parse, stringify } from 'zipson';
+
+const recordActiveStore = defineStore('record', {
+ state: () => ({
+ // 持久化数据
+ offset: 1,
+ limit: 10,
+ dataCount: 0,
+ searchOptions: {
+ account_name: "",
+ sn_number: "",
+ type: "",
+ created_at: "",
+ },
+ sortOptions: {
+ sn_number: false,
+ created_at: false,
+ },
+ dialogSearchVisible: false,
+ dialogSortVisible: false,
+ dialogOperationVisible: false
+ }),
+ persist: {
+ enabled: true, // Store 中数据持久化生效
+ strategies: [
+ {
+ key: 'recordActive', // 存储的 key
+ storage: localStorage, // 存储位置
+ paths: ["offset", "limit", "dataCount", "searchOptions", "sortOptions", "dialogSearchVisible", "dialogSortVisible", "dialogOperationVisible"], // 需要持久化的字段
+ serializer: {
+ deserialize: parse,
+ serialize: stringify,
+ },
+ }
+ ]
+ },
+});
+
+export default recordActiveStore;
\ No newline at end of file
diff --git a/src/stores/shortMsg.js b/src/stores/shortMsg.js
new file mode 100644
index 0000000..8b55a22
--- /dev/null
+++ b/src/stores/shortMsg.js
@@ -0,0 +1,26 @@
+import { defineStore } from 'pinia';
+import { parse, stringify } from 'zipson';
+
+const shortMsgActiveStore = defineStore('shortMsg', {
+ state: () => ({
+ // 持久化数据
+ message: "",
+ created_at: ""
+ }),
+ persist: {
+ enabled: true, // Store 中数据持久化生效
+ strategies: [
+ {
+ key: 'shortMsgActive', // 存储的 key
+ storage: localStorage, // 存储位置
+ paths: ["message", "created_at"], // 需要持久化的字段
+ serializer: {
+ deserialize: parse,
+ serialize: stringify,
+ },
+ }
+ ]
+ },
+});
+
+export default shortMsgActiveStore;
\ No newline at end of file
diff --git a/src/stores/snManager.js b/src/stores/snManager.js
new file mode 100644
index 0000000..c82cf9d
--- /dev/null
+++ b/src/stores/snManager.js
@@ -0,0 +1,39 @@
+import { defineStore } from 'pinia';
+import { parse, stringify } from 'zipson';
+
+const snManagerActiveStore = defineStore('snManager', {
+ state: () => ({
+ // 持久化数据
+ offset: 1,
+ limit: 10,
+ dataCount: 0,
+ searchOptions: {
+ sn_number: "",
+ status: "",
+ updated_at: "",
+ },
+ sortOptions: {
+ sn_number: false,
+ updated_at: false,
+ },
+ dialogSearchVisible: false,
+ dialogSortVisible: false,
+ dialogOperationVisible: false
+ }),
+ persist: {
+ enabled: true, // Store 中数据持久化生效
+ strategies: [
+ {
+ key: 'snManagerActive', // 存储的 key
+ storage: localStorage, // 存储位置
+ paths: ["offset", "limit", "dataCount", "searchOptions", "sortOptions", "dialogSearchVisible", "dialogSortVisible", "dialogOperationVisible"], // 需要持久化的字段
+ serializer: {
+ deserialize: parse,
+ serialize: stringify,
+ },
+ }
+ ]
+ },
+});
+
+export default snManagerActiveStore;
\ No newline at end of file
diff --git a/src/stores/userManager.js b/src/stores/userManager.js
new file mode 100644
index 0000000..4442b85
--- /dev/null
+++ b/src/stores/userManager.js
@@ -0,0 +1,35 @@
+import { defineStore } from 'pinia';
+import { parse, stringify } from 'zipson';
+
+const userManagerActiveStore = defineStore('userManager', {
+ state: () => ({
+ // 持久化数据
+ dialogVisible: false,
+ ruleForm: {
+ account_name: "",
+ user_name: "",
+ phone: "",
+ gender: "",
+ age: "",
+ email: "",
+ address: "",
+ post_code: "",
+ },
+ }),
+ persist: {
+ enabled: true, // Store 中数据持久化生效
+ strategies: [
+ {
+ key: 'userManagerActive', // 存储的 key
+ storage: localStorage, // 存储位置
+ paths: ["dialogVisible", "ruleForm"], // 需要持久化的字段
+ serializer: {
+ deserialize: parse,
+ serialize: stringify,
+ },
+ }
+ ]
+ },
+});
+
+export default userManagerActiveStore;
\ No newline at end of file
diff --git a/src/utils/aes.js b/src/utils/aes.js
new file mode 100644
index 0000000..9ca4cdc
--- /dev/null
+++ b/src/utils/aes.js
@@ -0,0 +1,21 @@
+import CryptoJS from 'crypto-js';
+
+const KEY = CryptoJS.enc.Utf8.parse('BDQH');
+
+export const encrypt = (plaintext) => {
+ if(plaintext !== null && plaintext !== undefined && plaintext !== "") {
+ return CryptoJS.AES.encrypt(plaintext, KEY, {
+ mode: CryptoJS.mode.ECB,
+ padding: CryptoJS.pad.Pkcs7
+ }).toString();
+ }
+};
+
+export const decrypt = (plaintext) => {
+ if(plaintext !== null && plaintext !== undefined && !plaintext == "") {
+ return CryptoJS.AES.decrypt(plaintext, KEY, {
+ mode: CryptoJS.mode.ECB,
+ padding: CryptoJS.pad.Pkcs7
+ }).toString(CryptoJS.enc.Utf8);
+ }
+};
\ No newline at end of file
diff --git a/src/utils/hasNullOrEmptyPropertyWithTypeof.js b/src/utils/hasNullOrEmptyPropertyWithTypeof.js
new file mode 100644
index 0000000..6af4b89
--- /dev/null
+++ b/src/utils/hasNullOrEmptyPropertyWithTypeof.js
@@ -0,0 +1,9 @@
+export const hasNullOrEmptyPropertyWithTypeof = (obj) => {
+ let hasNullOrEmpty = false;
+ for (const prop in obj) {
+ if (!(obj.hasOwnProperty(prop) && ((obj[prop] === null) || obj[prop] === undefined || (typeof obj[prop] === 'string' && obj[prop] === '')))) {
+ hasNullOrEmpty = true;
+ }
+ }
+ return hasNullOrEmpty;
+}
\ No newline at end of file
diff --git a/src/utils/judgment.js b/src/utils/judgment.js
new file mode 100644
index 0000000..46ab749
--- /dev/null
+++ b/src/utils/judgment.js
@@ -0,0 +1,5 @@
+export const judgment = (keyWord, key, value, val) => {
+ if (value !== null) {
+ keyWord[key] = value[val];
+ }
+};
\ No newline at end of file
diff --git a/src/utils/toFullWidth.js b/src/utils/toFullWidth.js
new file mode 100644
index 0000000..38d1c93
--- /dev/null
+++ b/src/utils/toFullWidth.js
@@ -0,0 +1,7 @@
+//将半角空格，制表符，回车和半角字符转为全角空格，全角制表符，全角回车和全角字符
+export const toFullWidth = (str) => {
+ //全角制表符使用4个全角空格模拟
+ return str.replace(/ /g, '\u3000').replace(/\t/g, '\u3000\u3000\u3000\u3000').replace(/\n/g, '\u21B5').replace(/[\x21-\x7E]/g, (font) => {
+ return String.fromCharCode(font.charCodeAt(0) + 0xFEE0);
+ });
+};
\ No newline at end of file
diff --git a/src/views/404page.vue b/src/views/404page.vue
new file mode 100644
index 0000000..10a1ca1
--- /dev/null
+++ b/src/views/404page.vue
@@ -0,0 +1,21 @@
+
+ +
+
+
+ 404 not found
+
+ 您搜索的页面不存在
+
+返回首页
+
+
+
+
+
+
diff --git a/src/views/Main.vue b/src/views/Main.vue
new file mode 100644
index 0000000..79fa714
--- /dev/null
+++ b/src/views/Main.vue
@@ -0,0 +1,186 @@
+
+ +
+