add:添加sqlite保存激活记录

frontend/src/views/activate/index.vue

@@ -1,221 +1,203 @@
 <template>
-  <div class="activation-page">
-    <a-card v-if="hiddenKeys" style="margin-bottom: 10px;" title="RSA密钥配置">
-      <a-row :gutter="16">
-        <a-col :span="24">
-          <a-alert
-            message="注意：请妥善保管私钥，不要泄露给他人"
-            show-icon
-            style="margin-bottom: 16px;"
-            type="warning"
-          />
-        </a-col>
-
-        <a-col :span="12">
-          <a-form-item label="RSA公钥">
-            <a-textarea
-              v-model:value="rsaKeys.publicKey"
-              :readonly="readonly"
-              :rows="5"
-              placeholder="RSA公钥内容"
-              @blur="readonly = true"
-              @focus="readonly = false"
-            />
-            <a-button
-              :disabled="!rsaKeys.publicKey"
-              ghost
-              size="small"
-              style="margin-top: 8px;"
-              type="primary"
-              @click="copyToClipboard(rsaKeys.publicKey)"
-            >
-              复制公钥
-            </a-button>
-          </a-form-item>
-        </a-col>
-
-        <a-col :span="12">
-          <a-form-item label="RSA私钥">
-            <a-textarea
-              v-model:value="rsaKeys.privateKey"
-              :readonly="readonly"
-              :rows="5"
-              placeholder="RSA私钥内容"
-              @blur="readonly = true"
-              @focus="readonly = false"
-            />
-            <a-button
-              :disabled="!rsaKeys.privateKey"
-              ghost
-              size="small"
-              style="margin-top: 8px;"
-              type="primary"
-              @click="copyToClipboard(rsaKeys.privateKey)"
-            >
-              复制私钥
-            </a-button>
-          </a-form-item>
-        </a-col>
-      </a-row>
+  <div style="width: 100%;height: 100%">
+    <a-card style="margin-bottom: 5px" title="激活记录">
+      <a-form ref="searchFormRef" :model="searchForm" layout="inline">
+        <a-form-item label="mac地址" name="macAddress">
+          <a-input v-model:value="searchForm.macAddress" allow-clear autocomplete="off" placeholder="请输入mac地址"
+                   style="width: 200px"/>
+        </a-form-item>
+        <a-form-item label="激活模块" name="modules">
+          <a-select v-model:value="searchForm.modules" :max-tag-count="1" allow-clear mode="multiple"
+                    placeholder="全部" style="width: 200px">
+            <a-select-option value="simulate">模拟式模块</a-select-option>
+            <a-select-option value="digital">数字式模块</a-select-option>
+            <a-select-option value="contrast">比对式模块</a-select-option>
+          </a-select>
+        </a-form-item>
+        <a-form-item>
+          <a-button type="primary" @click="query">
+            <template #icon>
+              <search-outlined/>
+            </template>
+            查询
+          </a-button>
+        </a-form-item>
+        <a-form-item>
+          <a-button @click="resetForm">
+            <template #icon>
+              <reload-outlined/>
+            </template>
+            重置
+          </a-button>
+        </a-form-item>
+      </a-form>
     </a-card>
-    <a-card title="设备激活">
-      <a-row :gutter="16">
-        <a-col :span="24">
-          <a-divider orientation="left" orientation-margin="0px">激活模块</a-divider>
-          <a-form layout="inline" :label-col="labelCol">
-            <a-form-item label="模拟式模块">
-              <a-switch v-model:checked="activationForm.simulate.permanently"/>
-            </a-form-item>
-            <a-form-item label="数字式模块">
-              <a-switch v-model:checked="activationForm.digital.permanently"/>
-            </a-form-item>
-            <a-form-item label="比对式模块">
-              <a-switch v-model:checked="activationForm.contrast.permanently"/>
-            </a-form-item>
-          </a-form>
-        </a-col>
-        <a-col :span="24">
-          <a-divider orientation="left" orientation-margin="0px">设备申请码</a-divider>
-          <a-form-item>
-            <a-textarea
-              v-model:value="activationForm.applicationCode"
-              :rows="3"
-              allow-clear
-              placeholder="请输入设备申请码"
-            />
-          </a-form-item>
-        </a-col>
-
-        <a-col :span="24">
-          <a-divider orientation="left" orientation-margin="0px">设备激活码</a-divider>
-          <a-form-item>
-            <a-textarea
-              v-model:value="activationCode"
-              :rows="3"
-              placeholder="生成的激活码将显示在这里"
-              readonly
-            />
-          </a-form-item>
-        </a-col>
-
-        <a-col :span="24">
-          <a-space>
-            <a-button
-              :disabled="!activationForm.applicationCode.trim()"
-              :loading="generating"
-              type="primary"
-              @click="generateActivationCode"
-            >
-              生成激活码
-            </a-button>
-
-            <a-button
-              :disabled="!activationCode"
-              @click="copyToClipboard(activationCode)"
-            >
+    <a-card>
+      <a-button style="margin-bottom: 10px;" type="primary" @click="visible = true">
+        <template #icon>
+          <file-protect-outlined/>
+        </template>
+        设备激活
+      </a-button>
+      <a-table :columns="columns" :dataSource="dataSource" :loading="loading" :pagination="pagination" bordered
+               size="small">
+        <template #emptyText>
+          <a-empty description="暂无记录"/>
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'module'">
+            <a-tag color="green" v-for="m in  record.module.split(',')">
+              {{ m === 'simulate' ? '模拟式模块' : m === 'digital' ? '数字式模块' : '比对式模块' }}
+            </a-tag>
+          </template>
+          <template v-else-if="column.key === 'action'">
+            <a-button type="primary" size="small" @click="copyToClipboard(record.activationCode)">
+              <template #icon>
+                <copy-outlined />
+              </template>
               复制激活码
             </a-button>
-          </a-space>
-        </a-col>
-      </a-row>
+          </template>
+        </template>
+      </a-table>
     </a-card>
   </div>
+
+  <a-modal v-model:visible="visible" :keyboard="false" :mask-closable="false" centered destroy-on-close width="70%">
+    <template #title>
+      <file-protect-outlined/>
+      设备激活
+    </template>
+    <ActiveForm ref="activateFormRef"></ActiveForm>
+    <template #footer>
+      <a-button type="primary" @click="save">
+        保存
+      </a-button>
+      <a-button @click="visible = false">关闭</a-button>
+    </template>
+  </a-modal>
 </template>
+
 <script lang="ts" setup>
-import {ref} from 'vue'
-import {message} from 'ant-design-vue'
-import rsa from '@/utils/rsa'
-import {Activate} from "@/views/activate/index";
+import {FormInstance, message} from "ant-design-vue";
+import {onMounted, ref} from "vue";
+import ActiveForm from "@/views/activate/ActiveForm.vue";
+import {ipc} from "@/utils/ipcRenderer";
+import {ipcApiRoute} from "@/api";
 
-const RSA_CAN_EDIT = import.meta.env.VITE_RSA_CAN_EDIT === 'true'
-const rsaKeys = ref({
-  publicKey: rsa.publicKey,
-  privateKey: rsa.privateKey
+
+const searchFormRef = ref<FormInstance>();
+const activateFormRef = ref();
+const searchForm = ref({
+  macAddress: '',
+  modules: [],
 })
-const hiddenKeys = ref(RSA_CAN_EDIT)
-const readonly = ref(true)
-const activationForm = ref({
-  applicationCode: '',
-  simulate: {permanently: false},
-  digital: {permanently: false},
-  contrast: {permanently: false},
+const loading = ref(false)
+const visible = ref(false)
+const dataSource = ref<any []>([])
+const pagination = ref({
+  total: 0,
+  pageSize: 10,
+  // current: 1,
+  showTotal: (total: number) => `共 ${total} 条`
+
 })
-const activationCode = ref('')
-const generating = ref(false)
-const labelCol = { style: { width: '120px' } }
-
-// 生成激活码
-const generateActivationCode = () => {
-  if (!rsaKeys.value.publicKey || !rsaKeys.value.privateKey) {
-    message.error('请先配置RSA密钥')
-    return
-  }
-  if (!activationForm.value.applicationCode.trim()) {
-    message.error('请输入设备申请码')
-    return
-  }
-  let simulate = activationForm.value.simulate as Activate.ActivateModule
-  let digital = activationForm.value.digital as Activate.ActivateModule
-  let contrast = activationForm.value.contrast as Activate.ActivateModule
-  if (!simulate.permanently && !digital.permanently && !contrast.permanently) {
-    message.error('请至少选择一种激活模块')
-    return
-  }
-  generating.value = true
-  let applicationCodePlaintext
-  try {
-    const applicationCode = rsa.decrypt(activationForm.value.applicationCode)
-    applicationCodePlaintext = JSON.parse(applicationCode)
-  } catch (e) {
-    console.error(e)
-  }
-  if (!applicationCodePlaintext) {
-    generating.value = false
-    message.error('无效的设备申请码')
-    return
-  }
-  if (!applicationCodePlaintext.macAddress) {
-    message.error('无效的设备申请码')
-    return
-  }
-  let activationCodePlaintext: Activate.ActivationCodePlaintext = {
-    macAddress:'',
-    simulate: {permanently: 0},
-    digital: {permanently: 0},
-    contrast: {permanently: 0}
-  }
-  activationCodePlaintext.macAddress = applicationCodePlaintext.macAddress
-  if (simulate.permanently) {
-    activationCodePlaintext.simulate = {
-      permanently: 1
-    }
-  }
-  if (digital.permanently) {
-    activationCodePlaintext.digital = {
-      permanently: 1
-    }
-  }
-  if (contrast.permanently) {
-    activationCodePlaintext.contrast = {
-      permanently: 1
-    }
-  }
-  const data = JSON.stringify(activationCodePlaintext)
-  // message.info(data)
-  try {
-    setTimeout(() => {
-      activationCode.value = rsa.encrypt(data)
-      generating.value = false
-    }, 1000)
-
-  } catch (e) {
-    console.error(e)
-    generating.value = false
-    message.error('生成激活码失败')
-  }
+const columns = [
+  {
+    title: 'mac地址',
+    dataIndex: 'macAddress',
+    key: 'macAddress',
+    align: 'center',
+    width: 150,
+  },
+  {
+    title: '申请码',
+    dataIndex: 'applicationCode',
+    key: 'applicationCode',
+    align: 'center',
+    ellipsis: true,
+    width: 100,
+  },
+  {
+    title: '激活模块',
+    dataIndex: 'module',
+    key: 'module',
+    align: 'center',
+    width: 250,
+  },
+  {
+    title: '激活码',
+    dataIndex: 'activationCode',
+    key: 'activationCode',
+    align: 'center',
+    ellipsis: true,
+    width: 100,
+  },
+  {
+    title: '生成时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    width: 150,
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+    key: 'remark',
+    align: 'center',
+    width: 100,
+  },
+  {
+    title: '操作',
+    key: 'action',
+    align: 'center',
+    width: 120,
+  },
+]
 
+const resetForm = () => {
+  searchFormRef.value?.resetFields();
+  query()
 }
 
+onMounted(() => {
+  resetForm()
+})
+const query = () => {
+  loading.value = true
+  const params: any = {
+    macAddress: searchForm.value.macAddress,
+    modules: [...searchForm.value.modules],
+  }
+  setTimeout(() => {
+    ipc.invoke(ipcApiRoute.activateRecord.list, params).then((res: any[]) => {
+      console.log(res)
+      dataSource.value = res
+      pagination.value.total = dataSource.value.length
+      pagination.value.current = 1
+      loading.value = false
+    }).catch((err: any) => {
+      console.error(err)
+      loading.value = false
+    })
+  }, 500)
+}
+const save = () => {
+  const data = activateFormRef.value.getData()
+  if (!data) {
+    message.warning('请先生成激活码')
+    return
+  }
+  ipc.invoke(ipcApiRoute.activateRecord.save, data).then(() => {
+    message.success('保存成功')
+    visible.value = false
+    resetForm()
+  }).catch((err: any) => {
+    console.error(err)
+    message.error('保存失败')
+  })
+
+}
 // 复制到剪贴板
 const copyToClipboard = (text: string) => {
   if (!text) {
@@ -231,26 +213,5 @@ const copyToClipboard = (text: string) => {
 }
 </script>
 <style lang="less" scoped>
-.activation-page {
-  height: 100%;
-  background-color: #fff;
-  border-radius: 8px;
-  :deep(textarea) {
-    font-family: consolas, monospace;
-    resize: none;
-  }
 
-  :deep(.ant-form-item-label) {
-    font-weight: bold;
-  }
-
-  :deep(.ant-card-body) {
-    padding: 18px;
-  }
-
-  :deep(.ant-card) {
-    border-radius: 8px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-  }
-}
 </style>