454

7 months ago · d0561b75b7
51 changed files with 2138 additions and 0 deletions
--- a/front/.editorconfig
+++ b/front/.editorconfig
@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
--- a/front/.gitignore
+++ b/front/.gitignore
@ -0,0 +1,5 @@
+node_modules
+dist
+out
+*.log*
+package-lock.json
--- a/front/.npmrc
+++ b/front/.npmrc
@ -0,0 +1 @@
+ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/
--- a/front/.prettierignore
+++ b/front/.prettierignore
@ -0,0 +1,6 @@
+out
+dist
+pnpm-lock.yaml
+LICENSE.md
+tsconfig.json
+tsconfig.*.json
--- a/front/.prettierrc
+++ b/front/.prettierrc
@ -0,0 +1,6 @@
+{
+  "singleQuote": true,
+  "semi": false,
+  "printWidth": 100,
+  "trailingComma": "none"
+}
--- a/front/README.md
+++ b/front/README.md
@ -0,0 +1,34 @@
+# my-app
+
+An Electron application with Vue
+
+## Recommended IDE Setup
+
+- [VSCode](https://code.visualstudio.com/) + [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) + [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
+
+## Project Setup
+
+### Install（node 16.20.1）
+
+```bash
+$ npm install
+```
+
+### Development
+
+```bash
+$ npm run dev
+```
+
+### Build
+
+```bash
+# For windows
+$ npm run build:win
+
+# For macOS
+$ npm run build:mac
+
+# For Linux
+$ npm run build:linux
+```
--- a/front/build/entitlements.mac.plist
+++ b/front/build/entitlements.mac.plist
@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+  <dict>
+    <key>com.apple.security.cs.allow-jit</key>
+    <true/>
+    <key>com.apple.security.cs.allow-unsigned-executable-memory</key>
+    <true/>
+    <key>com.apple.security.cs.allow-dyld-environment-variables</key>
+    <true/>
+  </dict>
+</plist>
--- a/front/build/icon.icns
+++ b/front/build/icon.icns
--- a/front/build/icon.ico
+++ b/front/build/icon.ico
--- a/front/build/notarize.js
+++ b/front/build/notarize.js
@ -0,0 +1,36 @@
+const { notarize } = require('electron-notarize')
+
+module.exports = async (context) => {
+  if (process.platform !== 'darwin') return
+
+  console.log('aftersign hook triggered, start to notarize app.')
+
+  if (!process.env.CI) {
+    console.log(`skipping notarizing, not in CI.`)
+    return
+  }
+
+  if (!('APPLE_ID' in process.env && 'APPLE_ID_PASS' in process.env)) {
+    console.warn('skipping notarizing, APPLE_ID and APPLE_ID_PASS env variables must be set.')
+    return
+  }
+
+  const appId = 'com.electron.app'
+
+  const { appOutDir } = context
+
+  const appName = context.packager.appInfo.productFilename
+
+  try {
+    await notarize({
+      appBundleId: appId,
+      appPath: `${appOutDir}/${appName}.app`,
+      appleId: process.env.APPLE_ID,
+      appleIdPassword: process.env.APPLEIDPASS
+    })
+  } catch (error) {
+    console.error(error)
+  }
+
+  console.log(`done notarizing ${appId}.`)
+}
--- a/front/electron-builder.yml
+++ b/front/electron-builder.yml
@ -0,0 +1,43 @@
+appId: com.electron.lichong
+productName: 桌面应用
+directories:
+  buildResources: build
+files:
+  - '!**/.vscode/*'
+  - '!src/*'
+  - '!electron.vite.config.{js,ts,mjs,cjs}'
+  - '!{.eslintignore,.eslintrc.cjs,.prettierignore,.prettierrc.yaml,dev-app-update.yml,CHANGELOG.md,README.md}'
+asarUnpack:
+  - '**/*.{node,dll}'
+afterSign: build/notarize.js
+win:
+  executableName: lichong-app
+nsis:
+  oneClick: false
+  artifactName: ${name}-${version}-setup.${ext}
+  allowToChangeInstallationDirectory: true
+  shortcutName: ${productName}
+  uninstallDisplayName: ${productName}
+  createDesktopShortcut: always
+mac:
+  entitlementsInherit: build/entitlements.mac.plist
+  extendInfo:
+    - NSCameraUsageDescription: Application requests access to the device's camera.
+    - NSMicrophoneUsageDescription: Application requests access to the device's microphone.
+    - NSDocumentsFolderUsageDescription: Application requests access to the user's Documents folder.
+    - NSDownloadsFolderUsageDescription: Application requests access to the user's Downloads folder.
+dmg:
+  artifactName: ${name}-${version}.${ext}
+linux:
+  target:
+    - AppImage
+    - snap
+    - deb
+  maintainer: electronjs.org
+  category: Utility
+appImage:
+  artifactName: ${name}-${version}.${ext}
+npmRebuild: false
+publish:
+  provider: generic
+  url: https://example.com/auto-updates
--- a/front/electron.vite.config.js
+++ b/front/electron.vite.config.js
@ -0,0 +1,28 @@
+import { resolve } from 'path'
+import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
+import vue from '@vitejs/plugin-vue'
+
+export default defineConfig({
+  main: {
+    plugins: [externalizeDepsPlugin()]
+  },
+  preload: {
+    plugins: [externalizeDepsPlugin()],
+    build: {
+      rollupOptions: {
+        input: {
+          dl: resolve(__dirname, 'src/preload/dl.js'),
+          index: resolve(__dirname, 'src/preload/index.js')
+        }
+      }
+    }
+  },
+  renderer: {
+    resolve: {
+      alias: {
+        '@renderer': resolve('src/renderer/src')
+      }
+    },
+    plugins: [vue()]
+  }
+})
--- a/front/jsconfig.json
+++ b/front/jsconfig.json
@ -0,0 +1,6 @@
+{
+    "exclude": [
+        "node_modules",
+        "public"
+    ]
+}
--- a/front/package.json
+++ b/front/package.json
@ -0,0 +1,40 @@
+{
+  "name": "electron",
+  "version": "1.0.0",
+  "description": "An Electron application with Vue",
+  "main": "./out/main/index.js",
+  "author": "lichong",
+  "homepage": "https://www.electronjs.org",
+  "scripts": {
+    "npmi": "npm i",
+    "dev": "electron-vite dev",
+    "build": "electron-vite build",
+    "build:win": "npm run build && electron-builder --win --config",
+    "build:mac": "npm run build && electron-builder --mac --config",
+    "build:linux": "npm run build && electron-builder --linux --config"
+  },
+  "dependencies": {
+    "@electron-toolkit/preload": "^1.0.2",
+    "@electron-toolkit/utils": "^1.0.2",
+    "dayjs": "^1.11.11",
+    "dexie": "^4.0.8",
+    "element-plus": "^2.7.1",
+    "js-sha256": "^0.11.0",
+    "lodash": "^4.17.21",
+    "node-machine-id": "^1.1.12",
+    "xlsx": "^0.18.5"
+  },
+  "devDependencies": {
+    "@rushstack/eslint-patch": "^1.2.0",
+    "@vitejs/plugin-vue": "^3.1.2",
+    "@vue/eslint-config-prettier": "^7.0.0",
+    "electron": "^20.3.2",
+    "electron-builder": "^23.6.0",
+    "electron-notarize": "^1.2.1",
+    "electron-vite": "^1.0.11",
+    "less": "^4.1.3",
+    "prettier": "^2.7.1",
+    "vite": "^3.1.8",
+    "vue": "^3.2.41"
+  }
+}
--- a/front/public/icon/icon.jpg
+++ b/front/public/icon/icon.jpg
--- a/front/src/main/index.js
+++ b/front/src/main/index.js
@ -0,0 +1,73 @@
+import { app, shell, BrowserWindow, nativeImage, ipcMain } from 'electron'
+import * as path from 'path'
+import { electronApp, optimizer, is } from '@electron-toolkit/utils'
+import { machineIdSync } from 'node-machine-id';
+
+// logo
+const logoIcon = nativeImage.createFromPath(path.join(__dirname, '../../public/icon/icon.jpg'))
+console.log(process.versions.node)
+// 主窗口
+let mainWindow
+function createWindow() {
+  mainWindow = new BrowserWindow({
+    minWidth: 1366,
+    minHeight: 763,
+    show: false,
+    autoHideMenuBar: true,
+    icon: logoIcon,
+    webPreferences: {
+      preload: path.resolve(__dirname, '../preload/index.js'),
+      sandbox: false
+    }
+  })
+  mainWindow.on('ready-to-show', () => {
+    mainWindow.show()
+    // mainWindow.webContents.openDevTools()
+  })
+  mainWindow.webContents.setWindowOpenHandler((details) => {
+    shell.openExternal(details.url)
+    return { action: 'deny' }
+  })
+  // mainWindow.loadURL('http://localhost:5173/')
+
+  mainWindow.on('close', () => {
+    app.exit()
+  })
+  if (is.dev && process.env['ELECTRON_RENDERER_URL']) {
+    mainWindow.loadURL(process.env['ELECTRON_RENDERER_URL'])
+  } else {
+    mainWindow.loadFile(path.join(__dirname, '../renderer/index.html'))
+  }
+}
+app.whenReady().then(() => {
+  electronApp.setAppUserModelId('com.electron')
+  // Default open or close DevTools by F12 in development
+  // and ignore CommandOrControl + R in production.
+  // see https://github.com/alex8088/electron-toolkit/tree/master/packages/utils
+  app.on('browser-window-created', (_, window) => {
+    optimizer.watchWindowShortcuts(window)
+  })
+
+  createWindow()
+
+  app.on('activate', function () {
+    // On macOS it's common to re-create a window in the app when the
+    // dock icon is clicked and there are no other windows open.
+    if (BrowserWindow.getAllWindows().length === 0) createWindow()
+  })
+  ipcMain.on('deviceIdentify', () => {
+    let res = machineIdSync()
+    mainWindow.webContents.send(`deviceResult`, res)
+  })
+})
+app.commandLine.appendSwitch('autoplay-policy', 'no-user-gesture-required');
+// Quit when all windows are closed, except on macOS. There, it's common
+// for applications and their menu bar to stay active until the user quits
+// explicitly with Cmd + Q.
+app.on('window-all-closed', () => {
+  if (process.platform !== 'darwin') {
+    app.quit()
+  }
+})
+// In this file you can include the rest of your app"s specific main process
+// code. You can also put them in separate files and require them here.
--- a/front/src/preload/dl.js
+++ b/front/src/preload/dl.js
@ -0,0 +1,21 @@
+import { contextBridge, clipboard } from 'electron'
+import { electronAPI } from '@electron-toolkit/preload'
+
+// Custom APIs for renderer
+const api = {}
+
+// Use `contextBridge` APIs to expose Electron APIs to
+// renderer only if context isolation is enabled, otherwise
+// just add to the DOM global.
+if (process.contextIsolated) {
+  try {
+    contextBridge.exposeInMainWorld('electron', electronAPI)
+    contextBridge.exposeInMainWorld('api', api)
+    contextBridge.exposeInMainWorld('elecClipboard', clipboard)
+  } catch (error) {
+    console.error(error)
+  }
+} else {
+  window.electron = electronAPI
+  window.api = api
+}
--- a/front/src/preload/index.js
+++ b/front/src/preload/index.js
@ -0,0 +1,21 @@
+import { contextBridge, clipboard } from 'electron'
+import { electronAPI } from '@electron-toolkit/preload'
+
+// Custom APIs for renderer
+const api = {}
+
+// Use `contextBridge` APIs to expose Electron APIs to
+// renderer only if context isolation is enabled, otherwise
+// just add to the DOM global.
+if (process.contextIsolated) {
+  try {
+    contextBridge.exposeInMainWorld('electron', electronAPI)
+    contextBridge.exposeInMainWorld('api', api)
+    contextBridge.exposeInMainWorld('elecClipboard', clipboard)
+  } catch (error) {
+    console.error(error)
+  }
+} else {
+  window.electron = electronAPI
+  window.api = api
+}
--- a/front/src/renderer/index.html
+++ b/front/src/renderer/index.html
@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="UTF-8" />
+  <title>数据统计</title>
+  <!-- <link rel="icon" href="/icon/icon.jpg" /> -->
+  <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
+  <meta http-equiv="Content-Security-Policy"
+    content="default-src 'self'; script-src 'self';img-src 'self' data:; style-src 'self' 'unsafe-inline'" />
+</head>
+
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
+
+</html>
--- a/front/src/renderer/src/App.vue
+++ b/front/src/renderer/src/App.vue
@ -0,0 +1,166 @@
+<template>
+  <div class="appClass" v-if="isVip">
+    <el-tabs tab-position="left" class="appClass" v-model="tabName">
+      <el-tab-pane label="场次信息" name="changci">
+        <changciComponent ref="changci" v-if="tabName === 'changci'"> </changciComponent>
+      </el-tab-pane>
+      <el-tab-pane label="代理商" name="dailishang">
+        <dailishangComponent ref="dailishang" v-if="tabName === 'dailishang'"> </dailishangComponent>
+      </el-tab-pane>
+
+    </el-tabs>
+  </div>
+  <div v-else class="noVip">
+    <div style="margin: 98px 0;">
+      <el-input v-model="zhucema" disabled style="width: 840px" placeholder="请输入激活码" size="large">
+        <template #prepend>
+          <el-button type="primary" @click="copyzuce">复制注册码</el-button>
+        </template>
+        <template #append>
+          <el-button type="primary" @click="zhuce">生成注册码</el-button>
+        </template>
+      </el-input>
+    </div>
+    <div>
+      <el-input v-model.trim="jihuoma" style="width: 840px" placeholder="请输入激活码" size="large">
+        <template #append>
+          <el-button type="primary" @click="jihuo">激活</el-button>
+        </template>
+      </el-input>
+    </div>
+  </div>
+</template>
+
+<script>
+import _ from 'lodash'
+import dayjs from 'dayjs'
+import { sha256 } from 'js-sha256';
+import { myDatabase } from './assets/js/db.js'
+import changciComponent from "./views/changci.vue"
+import dailishangComponent from "./views/dailishang.vue"
+import { ElMessage } from 'element-plus';
+export default {
+  name: 'app',
+  components: { changciComponent, dailishangComponent },
+  data() {
+    return {
+      _: _,
+      dayjs: dayjs,
+      isVip: false,
+      jihuoma: "",
+      zhucema: "",
+      tabName: "changci",
+      alphabet: "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",
+    }
+  },
+  methods: {
+    zhuce() {
+      window.electron.ipcRenderer.send('deviceIdentify')
+    },
+    //初始化数据
+    watchDevice() {
+      let that = this
+      window.electron.ipcRenderer.on('deviceResult', (eve, res) => {
+        that.zhucema = res
+        localStorage.setItem('zhucema', res)
+      })
+    },
+    async copyzuce() {
+      if (!_.trim(this.zhucema)) {
+        ElMessage({
+          type: "error",
+          message: "请生成注册码后，在复制",
+          duration: 3000
+        })
+      } else {
+        try {
+          await navigator.clipboard.writeText(_.trim(this.zhucema));
+          ElMessage(
+            {
+              type: 'success',
+              message: '注册码复制成功，请发送给管理员进行激活',
+              duration: 3000
+            }
+          );
+        } catch (err) {
+          alert('无法复制，请手动选择复制');
+        }
+      }
+    },
+    jihuo() {
+      let firstStr = this.jihuoma.substring(0, 8)
+      let minStr = this.jihuoma.substring(8, 72)
+      let endStr = this.jihuoma.substring(72)
+      let startTime = this.decode(`${firstStr}`)
+      let endTime = this.decode(`${endStr}`)
+      let startTimeStr = `${startTime.toString().substring(0, 4)}-${startTime.toString().substring(4, 6)}-${startTime.toString().substring(6, 8)} ${startTime.toString().substring(8, 10)}:${startTime.toString().substring(10, 12)}:${startTime.toString().substring(12, 14)}`
+      let endTimeStr = `${endTime.toString().substring(0, 4)}-${endTime.toString().substring(4, 6)}-${endTime.toString().substring(6, 8)} ${endTime.toString().substring(8, 10)}:${endTime.toString().substring(10, 12)}:${endTime.toString().substring(12, 14)}`
+      let minsha = sha256(_.trim(this.zhucema))
+      minsha = _.toUpper(minsha)
+      console.log(744, minsha, minStr, startTimeStr, endTimeStr)
+      if (minsha === minStr) {
+        this.isVip = true
+        localStorage.setItem('isVip', JSON.stringify({ isVip: this.isVip, startTime: startTimeStr, endTime: endTimeStr }))
+      } else {
+        this.isVip = false
+        ElMessage({
+          type: 'error',
+          message: '激活码错误,请输入正确的激活码后使用',
+          showClose: true,
+          duration: 0
+        })
+      }
+      let params = {
+        jihuoma: minStr,
+        zhucema: _.trim(this.zhucema),
+        startTime: startTimeStr,
+        isVip: this.isVip,
+        endTime: endTimeStr,
+        create_at: dayjs().format('YYYY-MM-DD HH:mm:ss'),
+        update_at: dayjs().format('YYYY-MM-DD HH:mm:ss')
+      }
+      myDatabase.jihuoshijian.add(params)
+    },
+    decode(shortCode) {
+      let num = 0;
+      let baseNum = this.alphabet.length;
+      for (let i = 0; i < shortCode.length; i++) {
+        num = num * baseNum + this.alphabet.indexOf(shortCode[i]);
+      }
+      return Number(num.toString());
+    },
+  },
+  async mounted() {
+    this.watchDevice()
+    this.zhucema = localStorage.getItem('zhucema')
+    let isVipObj = JSON.parse(localStorage.getItem('isVip') || "{}")
+    if (!_.isEmpty(isVipObj)) {
+      if (dayjs().isBefore(dayjs(isVipObj.endTime)) && dayjs().isAfter(dayjs(isVipObj.startTime))) {
+        this.isVip = isVipObj.isVip
+      } else {
+        this.isVip = false
+      }
+    }
+  },
+  watch: {},
+  computed: {}
+}
+</script>
+<style scoped>
+.appClass {
+  width: 100vw;
+  height: 100vh;
+  position: relative;
+}
+
+.noVip {
+  text-align: center;
+  margin-top: calc(50vh - 98px);
+}
+
+.noVipTag {
+  font-size: 48px;
+  line-height: 48px;
+  padding: 36px;
+}
+</style>
--- a/front/src/renderer/src/assets/css/base.css
+++ b/front/src/renderer/src/assets/css/base.css
@ -0,0 +1,5 @@
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
--- a/front/src/renderer/src/assets/js/db.js
+++ b/front/src/renderer/src/assets/js/db.js
@ -0,0 +1,10 @@
+import Dexie from 'dexie';
+
+export const myDatabase = new Dexie('myDatabase');
+
+// 定义数据库版本
+myDatabase.version(1).stores({
+  changci: '++id, changciid, xuhao, &time, first, second, third, note, create_at, update_at',
+  dailishang: '++id, dailishangid, xuhao, name, phone, dailifei, note, create_at, update_at',
+  jihuoshijian: '++id, jihuoma, isVip, zhucema, startTime, endTime,create_at, update_at'
+});
--- a/front/src/renderer/src/assets/json/changci.json
+++ b/front/src/renderer/src/assets/json/changci.json
@ -0,0 +1,58 @@
+[
+  {
+    "label": "序号",
+    "prop": "xuhao",
+    "type": "text",
+    "tableShow": true,
+    "formShow": true
+  },
+  {
+    "label": "时间",
+    "prop": "time",
+    "type": "date",
+    "tableShow": true,
+    "formShow": true
+  },
+  {
+    "label": "第一个数",
+    "prop": "first",
+    "type": "number",
+    "tableShow": true,
+    "formShow": true
+  },
+  {
+    "label": "第二个数",
+    "prop": "second",
+    "type": "number",
+    "tableShow": true,
+    "formShow": true
+  },
+  {
+    "label": "第三个数",
+    "prop": "third",
+    "type": "number",
+    "tableShow": true,
+    "formShow": true
+  },
+  {
+    "label": "备注",
+    "prop": "note",
+    "type": "text",
+    "tableShow": true,
+    "formShow": true
+  },
+  {
+    "label": "创建时间",
+    "prop": "create_at",
+    "type": "date",
+    "tableShow": false,
+    "formShow": true
+  },
+  {
+    "label": "更新时间",
+    "prop": "update_at",
+    "type": "date",
+    "tableShow": false,
+    "formShow": true
+  }
+]
--- a/front/src/renderer/src/assets/json/dailishang.json
+++ b/front/src/renderer/src/assets/json/dailishang.json
@ -0,0 +1,53 @@
+[
+  {
+    "label": "序号",
+    "prop": "xuhao",
+    "type": "text",
+    "tableShow": true,
+    "formShow": true
+  },
+  {
+    "label": "姓名",
+    "prop": "name",
+    "type": "text",
+    "tableShow": true,
+    "formShow": true
+  },
+  {
+    "label": "联系方式",
+    "prop": "phone",
+    "type": "text",
+    "tableShow": true,
+    "formShow": true
+  },
+  {
+    "label": "代理费（%）",
+    "prop": "dailifei",
+    "type": "number",
+    "min": 0,
+    "max": 100,
+    "tableShow": true,
+    "formShow": true
+  },
+  {
+    "label": "备注",
+    "prop": "note",
+    "type": "text",
+    "tableShow": true,
+    "formShow": true
+  },
+  {
+    "label": "创建时间",
+    "prop": "create_at",
+    "type": "date",
+    "tableShow": false,
+    "formShow": true
+  },
+  {
+    "label": "更新时间",
+    "prop": "update_at",
+    "type": "date",
+    "tableShow": false,
+    "formShow": true
+  }
+]
--- a/front/src/renderer/src/components/formcomponent.vue
+++ b/front/src/renderer/src/components/formcomponent.vue
@ -0,0 +1,77 @@
+<template>
+  <div class="tableClass">
+    <el-form :model="formData" label-suffix="：" :disabled="disabled">
+      <el-form-item :label="formItem.label" :key="formIndex" v-for="(formItem, formIndex) in formHeader">
+        <template v-if="formItem.type === 'text'">
+          <el-input v-model="formData[formItem.prop]" />
+        </template>
+        <template v-else-if="formItem.type === 'number'">
+          <el-input-number v-model="formData[formItem.prop]" :min="formItem.min" :max="formItem.max">
+            <template #decrease-icon>
+              <el-icon>
+                <ArrowDown />
+              </el-icon>
+            </template>
+            <template #increase-icon>
+              <el-icon>
+                <ArrowUp />
+              </el-icon>
+            </template>
+          </el-input-number>
+        </template>
+        <template v-else-if="formItem.type === 'date'">
+          <el-date-picker v-model="formData[formItem.prop]" type="date"
+            :disabled="['create_at', 'update_at'].indexOf(formItem.prop) !== -1" :placeholder="`请选择${formItem.label}`" />
+        </template>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import _, { max, min } from 'lodash'
+import dayjs from 'dayjs'
+import { ElMessage, ElMessageBox } from 'element-plus'
+export default {
+  name: 'formcomponent',
+  components: {},
+  props: {
+    formHeader: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    formData: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: () => {
+        return false
+      }
+    }
+
+  },
+  data() {
+    return {
+      _: _,
+      dayjs: dayjs,
+
+    }
+  },
+  methods: {},
+  async mounted() { },
+  watch: {},
+  computed: {}
+}
+</script>
+<style scoped>
+.tableClass {
+  text-align: left;
+  text-align-last: left;
+}
+</style>
--- a/front/src/renderer/src/components/tablecomponent.vue
+++ b/front/src/renderer/src/components/tablecomponent.vue
@ -0,0 +1,140 @@
+<template>
+  <div class="tableClass">
+    <el-table :data="tableData" height="calc(100vh - 96px)" border @select="selectChange" @select-all="selectChange" fit
+      :row-key="getRowKeys" ref="tableRef">
+      <el-table-column type="selection" width="50" :reserve-selection="true" fixed="left">
+      </el-table-column>
+      <!-- <el-table-column type="index" width="60" :reserve-selection="true" fixed="left" label="序号">
+        <template #default="scope">
+          <span>{{ pageSize * (currentPage - 1) + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column> -->
+      <el-table-column v-for="(headerItem, headerIndex) in tableHeader" :label="headerItem.label" show-overflow-tooltip
+        :key="headerIndex" :min-width="`${headerItem.label.length * 15 + 8}px`">
+        <template #default="scope">
+          <template v-if="headerItem.type === 'text'">
+            <span>{{ scope.row[headerItem.prop] }}</span>
+          </template>
+          <template v-else-if="headerItem.type === 'date'">
+            <span>{{ scope.row[headerItem.prop] }}</span>
+          </template>
+          <template v-else-if="headerItem.type === 'number'">
+            <span>{{ scope.row[headerItem.prop] }}</span>
+          </template>
+          <template v-else>{{ scope.row[headerItem.prop] }}</template>
+        </template>
+      </el-table-column>
+      <el-table-column fixed="right" label="操作" width="145">
+        <template #default="scope">
+          <el-button type="primary" circle @click="optClick(scope.row, 'edit')">
+            <el-icon>
+              <Edit />
+            </el-icon>
+          </el-button>
+          <el-button type="info" circle @click="optClick(scope.row, 'info')">
+            <el-icon>
+              <InfoFilled />
+            </el-icon>
+          </el-button>
+          <el-button type="danger" circle @click="optClick(scope.row, 'del')">
+            <el-icon>
+              <Delete />
+            </el-icon>
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination style="margin:8px 0 0 0;place-content:center;" v-model:current-page="currentPage"
+      v-model:page-size="pageSize" :total="total" layout="total, sizes, prev, pager, next, jumper"
+      :page-sizes="pageSizes"></el-pagination>
+  </div>
+</template>
+
+<script>
+import _ from 'lodash'
+import dayjs from 'dayjs'
+import { ElMessage, ElMessageBox } from 'element-plus'
+export default {
+  name: 'tablecomponent',
+  components: {},
+  emits: ["selectChange", "handleCurrentChange", "handleSizeChange", "edit", "info", "del"],
+  props: {
+    tableHeader: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    tableData: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    pageSizes: {
+      type: Array,
+      default: () => {
+        return [12, 50, 100, 200]
+      }
+    },
+    total: {
+      type: Number,
+      default: () => {
+        return 0
+      }
+    },
+
+  },
+  data() {
+    return {
+      _: _,
+      dayjs: dayjs,
+      currentPage: 1,
+      pageSize: 12,
+    }
+  },
+  methods: {
+    selectChange(selection) {
+      this.$emit("selectChange", selection)
+    },
+    handleSizeChange(pageSize) {
+      this.$emit("handleSizeChange", pageSize)
+    },
+    handleCurrentChange(currentPage) {
+      this.$emit("handleCurrentChange", currentPage)
+    },
+    optClick(row, type) {
+      this.$emit(type, row)
+    },
+    // 确定唯一的key值
+    getRowKeys(row) {
+      return row.id; // 每条数据的唯一识别值
+    },
+    clearSelection() {
+      this.$refs.tableRef.clearSelection()
+    }
+  },
+  async mounted() { },
+  watch: {
+    currentPage: {
+      handler(val) {
+        this.$emit("handleCurrentChange", val)
+      },
+      immediate: true
+    },
+    pageSize: {
+      handler(val) {
+        this.$emit("handleSizeChange", val)
+      },
+      immediate: true
+    },
+  },
+  computed: {}
+}
+</script>
+<style scoped>
+.tableClass {
+  text-align: center;
+  text-align-last: center;
+}
+</style>
--- a/front/src/renderer/src/main.js
+++ b/front/src/renderer/src/main.js
@ -0,0 +1,25 @@
+// main.ts
+import { createApp } from 'vue'
+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 './assets/css/base.css'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+
+const app = createApp(App)
+// window.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = true
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+  app.component(key, component)
+}
+app.use(ElementPlus, {
+  locale: zhCn,
+})
+app.mount('#app')
+
+document.addEventListener('keydown', (event) => {
+  const { ctrlKey, shiftKey, key } = event
+  if ((ctrlKey && shiftKey && key === 'I') || key === 'F12') {
+    return event.preventDefault()
+  }
+})
--- a/front/src/renderer/src/views/changci.vue
+++ b/front/src/renderer/src/views/changci.vue
@ -0,0 +1,345 @@
+<template>
+  <div class="rightClass">
+    <div>
+      <el-button type="primary" @click="addData">
+        <el-icon>
+          <Plus />
+        </el-icon>
+        <span>新增</span>
+      </el-button>
+
+      <el-button type="danger" @click="deleteData(selectionData)" :disabled="selectionData.length == 0">
+        <el-icon>
+          <Delete />
+        </el-icon>
+        <span>删除</span>
+      </el-button>
+      <el-button type="danger" @click="delAll">
+        <el-icon>
+          <Delete />
+        </el-icon>
+        <span>清空</span>
+      </el-button>
+      <el-button type="primary" @click="exportData">
+        <el-icon>
+          <Download />
+        </el-icon>
+        <span>导出</span>
+      </el-button>
+      <el-button type="primary" @click="searchData">
+        <el-icon>
+          <Refresh />
+        </el-icon>
+        <span>刷新</span>
+      </el-button>
+      <div class="inputClass">
+        <el-input v-model="searchParams.xuhao" style="max-width: 600px" placeholder="请输入序号" clearable
+          @clear="searchData" @keyup.enter="searchData">
+          <template #append>
+            <el-button @click="searchData">
+              <el-icon>
+                <Search />
+              </el-icon>
+            </el-button>
+          </template>
+        </el-input>
+      </div>
+    </div>
+    <div>
+      <tablecomponent :tableHeader="tableHeader" :tableData="tableData" :pageSizes="pageSizes" :total="total"
+        @selectChange="selectChange" @handleCurrentChange="handleCurrentChange" @handleSizeChange="handleSizeChange"
+        @edit="edit" @info="info" @del="del" ref="tableComponentRef">
+      </tablecomponent>
+    </div>
+    <el-dialog v-model="dialogFrom.visible" :title="dialogFrom.title" width="80%">
+      <formcomponent :formHeader="dialogFrom.formHeader" :formData="dialogFrom.formData"
+        :disabled="dialogFrom.disabled">
+      </formcomponent>
+      <template #footer>
+        <div>
+          <el-button @click="cancelDialog">取消</el-button>
+          <el-button type="primary" @click="submitDialog"> 确认 </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import _ from 'lodash'
+import * as XLSX from 'xlsx';
+import tableHeaderLocal from '../assets/json/changci.json'
+import { myDatabase } from '../assets/js/db.js'
+import dayjs from 'dayjs'
+import tablecomponent from "../components/tablecomponent.vue"
+import formcomponent from "../components/formcomponent.vue"
+import { ElMessage, ElMessageBox } from 'element-plus'
+export default {
+  name: 'changci',
+  components: { tablecomponent, formcomponent },
+  data() {
+    return {
+      _: _,
+      dayjs: dayjs,
+      tableHeader: [],
+      formHeader: [],
+      tableData: [],
+      currentPage: 1,
+      pageSize: 12,
+      pageSizes: [12, 50, 100, 200],
+      total: 0,
+      searchParams: {
+        xuhao: ""
+      },
+      selectionData: [],
+      dialogFrom: {
+        visible: false,
+        title: "新增用户",
+        type: "add",
+        formHeader: [],
+        formData: {}
+      },
+    }
+  },
+  methods: {
+    //更新数据
+    async updateSeach(params = {}) {
+      let changciList = []
+      let totalList = 0
+      if (params.xuhao) {
+        changciList = await myDatabase.changci.where('xuhao').anyPass(changciItem => changciItem.includes(params.xuhao)).offset((this.currentPage - 1) * this.pageSize).limit(this.pageSize).toArray()
+        totalList = await myDatabase.changci.where('xuhao').anyPass(changciItem => changciItem.includes(params.xuhao)).toArray()
+      } else {
+        changciList = await myDatabase.changci.offset((this.currentPage - 1) * this.pageSize).limit(this.pageSize).toArray()
+        totalList = await myDatabase.changci.toArray()
+      }
+      this.total = totalList.length
+      this.tableData = _.cloneDeep(changciList)
+    },
+    //搜索数据
+    async searchData() {
+      let params = {}
+      if (this.searchParams.xuhao) {
+        params["xuhao"] = { $regex: `${_.trim(this.searchParams.xuhao)}`, $options: 'i' }
+      }
+      await this.updateSeach(params)
+    },
+    //选中数据
+    selectChange(selection) {
+      this.selectionData = _.cloneDeep(selection)
+    },
+    //当前页
+    async handleCurrentChange(currentPage) {
+      this.currentPage = currentPage
+      await this.searchData()
+    },
+    //分页
+    async handleSizeChange(pageSize) {
+      this.currentPage = 1
+      this.pageSize = pageSize
+      await this.searchData()
+    },
+    //关闭模态框
+    cancelDialog() {
+      this.dialogFrom = {
+        visible: false,
+        title: "新增用户",
+        type: "add",
+        formHeader: [],
+        formData: {}
+      }
+    },
+    //确认模态框
+    async submitDialog() {
+      for (let i = 0; i < this.formHeader.length; i++) {
+        let headItem = this.formHeader[i];
+        if (headItem.type === "date") {
+          this.dialogFrom.formData[headItem.prop] = dayjs(this.dialogFrom.formData[headItem.prop]).format("YYYY-MM-DD")
+        }
+      }
+      let params = {
+        ...this.dialogFrom.formData, create_at: dayjs().format('YYYY-MM-DD HH:mm:ss'), update_at: dayjs().format('YYYY-MM-DD HH:mm:ss')
+      }
+      if (this.dialogFrom.type === "put") {
+        delete params.create_at
+      }
+      try {
+        await myDatabase.changci[this.dialogFrom.type]({ ...this.dialogFrom.formData, update_at: dayjs().format('YYYY-MM-DD HH:mm:ss') })
+        await this.searchData()
+        this.cancelDialog()
+      } catch (e) {
+        ElMessage(
+          {
+            type: "error",
+            message: "时间不允许重复，请重新设置时间"
+          }
+        )
+      }
+    },
+    //打开新增模态框
+    addData() {
+      let formData = {}
+      for (let i = 0; i < this.formHeader.length; i++) {
+        let element = this.formHeader[i];
+        if (element.type === "text") {
+          formData[element.prop] = ""
+        } else if (element.type === "date") {
+          formData[element.prop] = dayjs().format("YYYY-MM-DD")
+        } else if (element.type === "number") {
+          formData[element.prop] = 0
+        }
+      }
+      this.dialogFrom = {
+        visible: true,
+        title: "新增用户",
+        type: "add",
+        disabled: false,
+        formHeader: this.formHeader,
+        formData
+      }
+    },
+    //打开编辑数据模态框
+    edit(row) {
+      this.dialogFrom = {
+        visible: true,
+        title: "编辑用户",
+        type: "put",
+        disabled: false,
+        formHeader: this.formHeader,
+        formData: { ...row }
+      }
+    },
+    //打开查看数据模态框
+    info(row) {
+      this.dialogFrom = {
+        visible: true,
+        title: "查看用户",
+        type: "info",
+        disabled: true,
+        formHeader: this.formHeader,
+        formData: { ...row }
+      }
+    },
+    //删除数据
+    del(row) {
+      this.deleteData([row])
+    },
+    //批量删除数据
+    deleteData(delList) {
+      let tooltipList = []
+      let idList = []
+      for (let i = 0; i < delList.length; i++) {
+        let element = delList[i];
+        tooltipList.push(element.xuhao)
+        idList.push(element.id)
+      }
+      ElMessageBox.confirm(
+        `是否删除(${_.join(tooltipList, "，")})?`,
+        'danger',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'danger',
+        }
+      )
+        .then(async () => {
+          this.$refs.tableComponentRef.clearSelection()
+          await myDatabase.changci.bulkDelete(idList)
+          await this.searchData()
+        })
+        .catch(() => {
+          ElMessage({
+            type: 'info',
+            message: '取消删除',
+          })
+        })
+
+    },
+    //删除全部数据
+    delAll() {
+      ElMessageBox.confirm(
+        `是否删除全部数据？此操作不可逆！`,
+        '危险操作',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'danger',
+        }
+      )
+        .then(async () => {
+          this.$refs.tableComponentRef.clearSelection()
+          await myDatabase.changci.clear()
+          await this.searchData()
+        })
+        .catch(() => {
+          ElMessage({
+            type: 'info',
+            message: '取消删除',
+          })
+        })
+    },
+    // 导出数据
+    async exportData() {
+      let listCopy = _.cloneDeep(this.selectionData)
+      if (!listCopy.length) {
+        listCopy = await myDatabase.changci.toArray()
+      }
+      let lilstLocal = []
+      if (listCopy.length) {
+        for (let i = 0; i < listCopy.length; i++) {
+          let item = listCopy[i];
+          let listItem = {}
+          for (let j = 0; j < tableHeaderLocal.length; j++) {
+            let headerItem = tableHeaderLocal[j];
+            listItem[headerItem.label] = item[headerItem.prop]
+          }
+          lilstLocal.push(listItem)
+        }
+        let jsonWorkSheet = XLSX.utils.json_to_sheet(lilstLocal);
+        let workBook = {
+          SheetNames: ["sheet1"],
+          Sheets: {
+            ["sheet1"]: jsonWorkSheet,
+          }
+        };
+        XLSX.writeFile(workBook, `场次信息${dayjs().format("YYYY-MM-DD_HH-mm-ss")}.xls`);
+      } else {
+        ElMessage({
+          type: 'error',
+          message: '当前无数据，请输入数据后导出',
+        })
+      }
+    }
+  },
+  async mounted() {
+    this.tableHeader = _.filter(tableHeaderLocal, o => o.tableShow)
+    this.formHeader = _.filter(tableHeaderLocal, o => o.formShow)
+    await this.updateSeach()
+  },
+
+  watch: {},
+  computed: {}
+}
+</script>
+<style scoped>
+.rightClass {
+  padding: 8px;
+}
+
+.uploadClass {
+  top: 3px;
+}
+
+.inputClass {
+  display: inline-block;
+  margin: 0 8px;
+  position: relative;
+}
+
+.tagClass {
+  display: inline-block;
+  margin: 0 8px;
+  width: 200px;
+  position: relative;
+}
+</style>
--- a/front/src/renderer/src/views/dailishang.vue
+++ b/front/src/renderer/src/views/dailishang.vue
@ -0,0 +1,330 @@
+<template>
+  <div class="rightClass">
+    <div>
+      <el-button type="primary" @click="addData">
+        <el-icon>
+          <Plus />
+        </el-icon>
+        <span>新增</span>
+      </el-button>
+      <el-button type="danger" @click="deleteData(selectionData)" :disabled="selectionData.length == 0">
+        <el-icon>
+          <Delete />
+        </el-icon>
+        <span>删除</span>
+      </el-button>
+      <el-button type="danger" @click="delAll">
+        <el-icon>
+          <Delete />
+        </el-icon>
+        <span>清空</span>
+      </el-button>
+      <el-button type="primary" @click="exportData">
+        <el-icon>
+          <Download />
+        </el-icon>
+        <span>导出</span>
+      </el-button>
+      <el-button type="primary" @click="searchData">
+        <el-icon>
+          <Refresh />
+        </el-icon>
+        <span>刷新</span>
+      </el-button>
+      <div class="inputClass">
+        <el-input v-model="searchParams.name" style="max-width: 600px" placeholder="请输入姓名" clearable @clear="searchData"
+          @keyup.enter="searchData">
+          <template #append>
+            <el-button @click="searchData">
+              <el-icon>
+                <Search />
+              </el-icon>
+            </el-button>
+          </template>
+        </el-input>
+      </div>
+    </div>
+    <div>
+      <tablecomponent :tableHeader="tableHeader" :tableData="tableData" :pageSizes="pageSizes" :total="total"
+        @selectChange="selectChange" @handleCurrentChange="handleCurrentChange" @handleSizeChange="handleSizeChange"
+        @edit="edit" @info="info" @del="del" ref="tableComponentRef">
+      </tablecomponent>
+    </div>
+    <el-dialog v-model="dialogFrom.visible" :title="dialogFrom.title" width="80%">
+      <formcomponent :formHeader="dialogFrom.formHeader" :formData="dialogFrom.formData"
+        :disabled="dialogFrom.disabled">
+      </formcomponent>
+      <template #footer>
+        <div>
+          <el-button @click="cancelDialog">取消</el-button>
+          <el-button type="primary" @click="submitDialog"> 确认 </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import _ from 'lodash'
+import * as XLSX from 'xlsx';
+import tableHeaderLocal from '../assets/json/dailishang.json'
+import { myDatabase } from '../assets/js/db.js'
+import dayjs from 'dayjs'
+import tablecomponent from "../components/tablecomponent.vue"
+import formcomponent from "../components/formcomponent.vue"
+import { ElMessage, ElMessageBox } from 'element-plus'
+export default {
+  name: 'dailishang',
+  components: { tablecomponent, formcomponent },
+  data() {
+    return {
+      _: _,
+      dayjs: dayjs,
+      tableHeader: [],
+      formHeader: [],
+      tableData: [],
+      currentPage: 1,
+      pageSize: 12,
+      pageSizes: [12, 50, 100, 200],
+      total: 0,
+      searchParams: {
+        name: ""
+      },
+      selectionData: [],
+      dialogFrom: {
+        visible: false,
+        title: "新增用户",
+        type: "add",
+        formHeader: [],
+        formData: {}
+      },
+    }
+  },
+  methods: {
+    //更新数据
+    async updateSeach(params = {}) {
+      let dailishangList = []
+      let totalList = 0
+      if (params.name) {
+        dailishangList = await myDatabase.dailishang.where('name').anyPass(dailishangItem => dailishangItem.includes(params.name)).offset((this.currentPage - 1) * this.pageSize).limit(this.pageSize).toArray()
+        totalList = await myDatabase.dailishang.where('name').anyPass(dailishangItem => dailishangItem.includes(params.name)).toArray()
+      } else {
+        dailishangList = await myDatabase.dailishang.offset((this.currentPage - 1) * this.pageSize).limit(this.pageSize).toArray()
+        totalList = await myDatabase.dailishang.toArray()
+      }
+      this.total = totalList.length
+      this.tableData = _.cloneDeep(dailishangList)
+    },
+    //搜索数据
+    async searchData() {
+      let params = {}
+      if (this.searchParams.name) {
+        params["name"] = { $regex: `${_.trim(this.searchParams.name)}`, $options: 'i' }
+      }
+      await this.updateSeach(params)
+    },
+    //选中数据
+    selectChange(selection) {
+      this.selectionData = _.cloneDeep(selection)
+    },
+    //当前页
+    async handleCurrentChange(currentPage) {
+      this.currentPage = currentPage
+      await this.searchData()
+    },
+    //分页
+    async handleSizeChange(pageSize) {
+      this.currentPage = 1
+      this.pageSize = pageSize
+      await this.searchData()
+    },
+    //关闭模态框
+    cancelDialog() {
+      this.dialogFrom = {
+        visible: false,
+        title: "新增用户",
+        type: "add",
+        formHeader: [],
+        formData: {}
+      }
+    },
+    //确认模态框
+    async submitDialog() {
+      let postMethod = ["add", "put"]
+      if (this.dialogFrom.type === "add") {
+        myDatabase.dailishang[this.dialogFrom.type]({ ...this.dialogFrom.formData, create_at: dayjs().format('YYYY-MM-DD HH:mm:ss'), update_at: dayjs().format('YYYY-MM-DD HH:mm:ss') })
+      } else if (this.dialogFrom.type === "put") {
+        myDatabase.dailishang[this.dialogFrom.type]({ ...this.dialogFrom.formData, update_at: dayjs().format('YYYY-MM-DD HH:mm:ss') })
+      }
+      await setTimeout(async () => {
+        await this.searchData()
+      }, 500);
+      this.cancelDialog()
+    },
+    //打开新增模态框
+    addData() {
+      let formData = {}
+      for (let i = 0; i < this.formHeader.length; i++) {
+        let element = this.formHeader[i];
+        if (element.type === "text") {
+          formData[element.prop] = ""
+        } else if (element.type === "date") {
+          formData[element.prop] = dayjs().format("YYYY-MM-DD")
+        } else if (element.type === "number") {
+          formData[element.prop] = 0
+        }
+      }
+      this.dialogFrom = {
+        visible: true,
+        title: "新增用户",
+        type: "add",
+        disabled: false,
+        formHeader: this.formHeader,
+        formData
+      }
+    },
+    //打开编辑数据模态框
+    edit(row) {
+      this.dialogFrom = {
+        visible: true,
+        title: "编辑用户",
+        type: "put",
+        disabled: false,
+        formHeader: this.formHeader,
+        formData: { ...row }
+      }
+    },
+    //打开查看数据模态框
+    info(row) {
+      this.dialogFrom = {
+        visible: true,
+        title: "查看用户",
+        type: "info",
+        disabled: true,
+        formHeader: this.formHeader,
+        formData: { ...row }
+      }
+    },
+    //删除数据
+    del(row) {
+      this.deleteData([row])
+    },
+    //批量删除数据
+    deleteData(delList) {
+      let tooltipList = []
+      let idList = []
+      for (let i = 0; i < delList.length; i++) {
+        let element = delList[i];
+        tooltipList.push(element.name)
+        idList.push(element.id)
+      }
+      ElMessageBox.confirm(
+        `是否删除(${_.join(tooltipList, "，")})?`,
+        'danger',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'danger',
+        }
+      )
+        .then(async () => {
+          this.$refs.tableComponentRef.clearSelection()
+          await myDatabase.dailishang.bulkDelete(idList)
+          await this.searchData()
+        })
+        .catch(() => {
+          ElMessage({
+            type: 'info',
+            message: '取消删除',
+          })
+        })
+
+    },
+    //删除全部数据
+    delAll() {
+      ElMessageBox.confirm(
+        `是否删除全部数据？此操作不可逆！`,
+        '危险操作',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'danger',
+        }
+      )
+        .then(async () => {
+          this.$refs.tableComponentRef.clearSelection()
+          await myDatabase.dailishang.clear()
+          await this.searchData()
+        })
+        .catch(() => {
+          ElMessage({
+            type: 'info',
+            message: '取消删除',
+          })
+        })
+    },
+    // 导出数据
+    async exportData() {
+      let listCopy = _.cloneDeep(this.selectionData)
+      if (!listCopy.length) {
+        listCopy = await myDatabase.dailishang.toArray()
+      }
+      let lilstLocal = []
+      if (listCopy.length) {
+        for (let i = 0; i < listCopy.length; i++) {
+          let item = listCopy[i];
+          let listItem = {}
+          for (let j = 0; j < tableHeaderLocal.length; j++) {
+            let headerItem = tableHeaderLocal[j];
+            listItem[headerItem.label] = item[headerItem.prop]
+          }
+          lilstLocal.push(listItem)
+        }
+        let jsonWorkSheet = XLSX.utils.json_to_sheet(lilstLocal);
+        let workBook = {
+          SheetNames: ["sheet1"],
+          Sheets: {
+            ["sheet1"]: jsonWorkSheet,
+          }
+        };
+        XLSX.writeFile(workBook, `代理商${dayjs().format("YYYY-MM-DD_HH-mm-ss")}.xls`);
+      } else {
+        ElMessage({
+          type: 'error',
+          message: '当前无数据，请输入数据后导出',
+        })
+      }
+    }
+  },
+  async mounted() {
+    this.tableHeader = _.filter(tableHeaderLocal, o => o.tableShow)
+    this.formHeader = _.filter(tableHeaderLocal, o => o.formShow)
+    await this.updateSeach()
+  },
+
+  watch: {},
+  computed: {}
+}
+</script>
+<style scoped>
+.rightClass {
+  padding: 8px;
+}
+
+.uploadClass {
+  top: 3px;
+}
+
+.inputClass {
+  display: inline-block;
+  margin: 0 8px;
+  position: relative;
+}
+
+.tagClass {
+  display: inline-block;
+  margin: 0 8px;
+  width: 200px;
+  position: relative;
+}
+</style>
--- a/jihuoqi/.editorconfig
+++ b/jihuoqi/.editorconfig
@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
--- a/jihuoqi/.gitignore
+++ b/jihuoqi/.gitignore
@ -0,0 +1,5 @@
+node_modules
+dist
+out
+*.log*
+package-lock.json
--- a/jihuoqi/.npmrc
+++ b/jihuoqi/.npmrc
@ -0,0 +1 @@
+ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/
--- a/jihuoqi/.prettierignore
+++ b/jihuoqi/.prettierignore
@ -0,0 +1,6 @@
+out
+dist
+pnpm-lock.yaml
+LICENSE.md
+tsconfig.json
+tsconfig.*.json
--- a/jihuoqi/.prettierrc
+++ b/jihuoqi/.prettierrc
@ -0,0 +1,6 @@
+{
+  "singleQuote": true,
+  "semi": false,
+  "printWidth": 100,
+  "trailingComma": "none"
+}
--- a/jihuoqi/README.md
+++ b/jihuoqi/README.md
@ -0,0 +1,34 @@
+# my-app
+
+An Electron application with Vue
+
+## Recommended IDE Setup
+
+- [VSCode](https://code.visualstudio.com/) + [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) + [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
+
+## Project Setup
+
+### Install（node 16.20.1）
+
+```bash
+$ npm install
+```
+
+### Development
+
+```bash
+$ npm run dev
+```
+
+### Build
+
+```bash
+# For windows
+$ npm run build:win
+
+# For macOS
+$ npm run build:mac
+
+# For Linux
+$ npm run build:linux
+```
--- a/jihuoqi/build/entitlements.mac.plist
+++ b/jihuoqi/build/entitlements.mac.plist
@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+  <dict>
+    <key>com.apple.security.cs.allow-jit</key>
+    <true/>
+    <key>com.apple.security.cs.allow-unsigned-executable-memory</key>
+    <true/>
+    <key>com.apple.security.cs.allow-dyld-environment-variables</key>
+    <true/>
+  </dict>
+</plist>
--- a/jihuoqi/build/icon.icns
+++ b/jihuoqi/build/icon.icns
--- a/jihuoqi/build/icon.ico
+++ b/jihuoqi/build/icon.ico
--- a/jihuoqi/build/notarize.js
+++ b/jihuoqi/build/notarize.js
@ -0,0 +1,36 @@
+const { notarize } = require('electron-notarize')
+
+module.exports = async (context) => {
+  if (process.platform !== 'darwin') return
+
+  console.log('aftersign hook triggered, start to notarize app.')
+
+  if (!process.env.CI) {
+    console.log(`skipping notarizing, not in CI.`)
+    return
+  }
+
+  if (!('APPLE_ID' in process.env && 'APPLE_ID_PASS' in process.env)) {
+    console.warn('skipping notarizing, APPLE_ID and APPLE_ID_PASS env variables must be set.')
+    return
+  }
+
+  const appId = 'com.electron.jihuoqi'
+
+  const { appOutDir } = context
+
+  const appName = context.packager.appInfo.productFilename
+
+  try {
+    await notarize({
+      appBundleId: appId,
+      appPath: `${appOutDir}/${appName}.app`,
+      appleId: process.env.APPLE_ID,
+      appleIdPassword: process.env.APPLEIDPASS
+    })
+  } catch (error) {
+    console.error(error)
+  }
+
+  console.log(`done notarizing ${appId}.`)
+}
--- a/jihuoqi/electron-builder.yml
+++ b/jihuoqi/electron-builder.yml
@ -0,0 +1,43 @@
+appId: com.electron.jihuoqi
+productName: 激活器
+directories:
+  buildResources: build
+files:
+  - '!**/.vscode/*'
+  - '!src/*'
+  - '!electron.vite.config.{js,ts,mjs,cjs}'
+  - '!{.eslintignore,.eslintrc.cjs,.prettierignore,.prettierrc.yaml,dev-app-update.yml,CHANGELOG.md,README.md}'
+asarUnpack:
+  - '**/*.{node,dll}'
+afterSign: build/notarize.js
+win:
+  executableName: jihuoqi-app
+nsis:
+  oneClick: false
+  artifactName: ${name}-${version}-setup.${ext}
+  allowToChangeInstallationDirectory: true
+  shortcutName: ${productName}
+  uninstallDisplayName: ${productName}
+  createDesktopShortcut: always
+mac:
+  entitlementsInherit: build/entitlements.mac.plist
+  extendInfo:
+    - NSCameraUsageDescription: Application requests access to the device's camera.
+    - NSMicrophoneUsageDescription: Application requests access to the device's microphone.
+    - NSDocumentsFolderUsageDescription: Application requests access to the user's Documents folder.
+    - NSDownloadsFolderUsageDescription: Application requests access to the user's Downloads folder.
+dmg:
+  artifactName: ${name}-${version}.${ext}
+linux:
+  target:
+    - AppImage
+    - snap
+    - deb
+  maintainer: electronjs.org
+  category: Utility
+appImage:
+  artifactName: ${name}-${version}.${ext}
+npmRebuild: false
+publish:
+  provider: generic
+  url: https://example.com/auto-updates
--- a/jihuoqi/electron.vite.config.js
+++ b/jihuoqi/electron.vite.config.js
@ -0,0 +1,28 @@
+import { resolve } from 'path'
+import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
+import vue from '@vitejs/plugin-vue'
+
+export default defineConfig({
+  main: {
+    plugins: [externalizeDepsPlugin()]
+  },
+  preload: {
+    plugins: [externalizeDepsPlugin()],
+    build: {
+      rollupOptions: {
+        input: {
+          dl: resolve(__dirname, 'src/preload/dl.js'),
+          index: resolve(__dirname, 'src/preload/index.js')
+        }
+      }
+    }
+  },
+  renderer: {
+    resolve: {
+      alias: {
+        '@renderer': resolve('src/renderer/src')
+      }
+    },
+    plugins: [vue()]
+  }
+})
--- a/jihuoqi/jsconfig.json
+++ b/jihuoqi/jsconfig.json
@ -0,0 +1,6 @@
+{
+    "exclude": [
+        "node_modules",
+        "public"
+    ]
+}
--- a/jihuoqi/package.json
+++ b/jihuoqi/package.json
@ -0,0 +1,36 @@
+{
+  "name": "jihuoqi",
+  "version": "1.0.0",
+  "description": "An Electron application with Vue",
+  "main": "./out/main/index.js",
+  "author": "lichong",
+  "homepage": "https://www.electronjs.org",
+  "scripts": {
+    "npmi": "npm i",
+    "dev": "electron-vite dev",
+    "build": "electron-vite build",
+    "build:win": "npm run build && electron-builder --win --config",
+    "build:mac": "npm run build && electron-builder --mac --config",
+    "build:linux": "npm run build && electron-builder --linux --config"
+  },
+  "dependencies": {
+    "@electron-toolkit/preload": "^1.0.2",
+    "@electron-toolkit/utils": "^1.0.2",
+    "dayjs": "^1.11.11",
+    "element-plus": "^2.7.1",
+    "js-sha256": "^0.11.0"
+  },
+  "devDependencies": {
+    "@rushstack/eslint-patch": "^1.2.0",
+    "@vitejs/plugin-vue": "^3.1.2",
+    "@vue/eslint-config-prettier": "^7.0.0",
+    "electron": "^20.3.2",
+    "electron-builder": "^23.6.0",
+    "electron-notarize": "^1.2.1",
+    "electron-vite": "^1.0.11",
+    "less": "^4.1.3",
+    "prettier": "^2.7.1",
+    "vite": "^3.1.8",
+    "vue": "^3.2.41"
+  }
+}
--- a/jihuoqi/public/icon/icon.jpg
+++ b/jihuoqi/public/icon/icon.jpg
--- a/jihuoqi/src/main/index.js
+++ b/jihuoqi/src/main/index.js
@ -0,0 +1,72 @@
+import { app, shell, BrowserWindow, nativeImage } from 'electron'
+import * as path from 'path'
+import { electronApp, optimizer, is } from '@electron-toolkit/utils'
+
+// logo
+const logoIcon = nativeImage.createFromPath(path.join(__dirname, '../../public/icon/icon.jpg'))
+console.log(process.versions.node)
+// 主窗口
+let mainWindow
+function createWindow() {
+  mainWindow = new BrowserWindow({
+    minWidth: 960,
+    width: 960,
+    maxWidth: 960,
+    minHeight: 800,
+    height: 800,
+    maxHeight: 800,
+    // frame: false,
+    autoHideMenuBar: true,
+    icon: logoIcon,
+    webPreferences: {
+      preload: path.resolve(__dirname, '../preload/index.js'),
+      sandbox: false
+    }
+  })
+  mainWindow.on('ready-to-show', () => {
+    mainWindow.show()
+    // mainWindow.webContents.openDevTools()
+  })
+  mainWindow.webContents.setWindowOpenHandler((details) => {
+    shell.openExternal(details.url)
+    return { action: 'deny' }
+  })
+  // mainWindow.loadURL('http://localhost:5173/')
+
+  mainWindow.on('close', () => {
+    app.exit()
+  })
+  if (is.dev && process.env['ELECTRON_RENDERER_URL']) {
+    mainWindow.loadURL(process.env['ELECTRON_RENDERER_URL'])
+  } else {
+    mainWindow.loadFile(path.join(__dirname, '../renderer/index.html'))
+  }
+}
+app.whenReady().then(() => {
+  electronApp.setAppUserModelId('com.electron')
+  // Default open or close DevTools by F12 in development
+  // and ignore CommandOrControl + R in production.
+  // see https://github.com/alex8088/electron-toolkit/tree/master/packages/utils
+  app.on('browser-window-created', (_, window) => {
+    optimizer.watchWindowShortcuts(window)
+  })
+
+  createWindow()
+
+  app.on('activate', function () {
+    // On macOS it's common to re-create a window in the app when the
+    // dock icon is clicked and there are no other windows open.
+    if (BrowserWindow.getAllWindows().length === 0) createWindow()
+  })
+})
+app.commandLine.appendSwitch('autoplay-policy', 'no-user-gesture-required');
+// Quit when all windows are closed, except on macOS. There, it's common
+// for applications and their menu bar to stay active until the user quits
+// explicitly with Cmd + Q.
+app.on('window-all-closed', () => {
+  if (process.platform !== 'darwin') {
+    app.quit()
+  }
+})
+// In this file you can include the rest of your app"s specific main process
+// code. You can also put them in separate files and require them here.
--- a/jihuoqi/src/preload/dl.js
+++ b/jihuoqi/src/preload/dl.js
@ -0,0 +1,21 @@
+import { contextBridge, clipboard } from 'electron'
+import { electronAPI } from '@electron-toolkit/preload'
+
+// Custom APIs for renderer
+const api = {}
+
+// Use `contextBridge` APIs to expose Electron APIs to
+// renderer only if context isolation is enabled, otherwise
+// just add to the DOM global.
+if (process.contextIsolated) {
+  try {
+    contextBridge.exposeInMainWorld('electron', electronAPI)
+    contextBridge.exposeInMainWorld('api', api)
+    contextBridge.exposeInMainWorld('elecClipboard', clipboard)
+  } catch (error) {
+    console.error(error)
+  }
+} else {
+  window.electron = electronAPI
+  window.api = api
+}
--- a/jihuoqi/src/preload/index.js
+++ b/jihuoqi/src/preload/index.js
@ -0,0 +1,21 @@
+import { contextBridge, clipboard } from 'electron'
+import { electronAPI } from '@electron-toolkit/preload'
+
+// Custom APIs for renderer
+const api = {}
+
+// Use `contextBridge` APIs to expose Electron APIs to
+// renderer only if context isolation is enabled, otherwise
+// just add to the DOM global.
+if (process.contextIsolated) {
+  try {
+    contextBridge.exposeInMainWorld('electron', electronAPI)
+    contextBridge.exposeInMainWorld('api', api)
+    contextBridge.exposeInMainWorld('elecClipboard', clipboard)
+  } catch (error) {
+    console.error(error)
+  }
+} else {
+  window.electron = electronAPI
+  window.api = api
+}
--- a/jihuoqi/src/renderer/index.html
+++ b/jihuoqi/src/renderer/index.html
@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>激活器</title>
+    <!-- <link rel="icon" href="/icon/icon.jpg" /> -->
+    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
+    <meta
+      http-equiv="Content-Security-Policy"
+      content="default-src 'self'; script-src 'self';img-src 'self' data:; style-src 'self' 'unsafe-inline'"
+    />
+  </head>
+
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
--- a/jihuoqi/src/renderer/src/App.vue
+++ b/jihuoqi/src/renderer/src/App.vue
@ -0,0 +1,186 @@
+<template>
+  <div class="appClass" v-if="isVip">
+    <div style="text-align: center;">
+      <el-form :model="form" label-width="auto" style="max-width: 900px;margin: 0 0 32px 0;">
+        <el-form-item label="注册码">
+          <el-input v-model="form.zhucema" />
+        </el-form-item>
+        <el-form-item label="激活时间">
+          <el-date-picker v-model="form.jihuotime" type="datetimerange" :shortcuts="shortcuts" range-separator="至"
+            start-placeholder="激活开始时间" end-placeholder="激活结束时间" />
+        </el-form-item>
+      </el-form>
+    </div>
+    <div style="text-align: center;"> &nbsp;{{ jihuoma }}</div>
+    <div style="text-align: center;position: absolute;bottom: 24px;left:calc(50% - 102px)">
+      <el-button type="primary" @click="geneJIhuoma">生成激活码</el-button>
+      <el-button type="primary" @click="copyJIhuoma">复制激活码</el-button>
+    </div>
+  </div>
+  <div v-else class="noVip">
+    <el-tag type="danger" class="noVipTag">体验已过期，请联系管理员。</el-tag>
+  </div>
+</template>
+
+<script>
+import { sha256 } from 'js-sha256';
+import dayjs from 'dayjs'
+import _ from 'lodash'
+import { ElMessage } from 'element-plus';
+export default {
+  name: 'app',
+  components: {},
+  data() {
+    return {
+      isVip: false,
+      jihuoma: "",
+      form: {
+        zhucema: "",
+        jihuotime: []
+      },
+      shortcuts: [
+        {
+          text: '一周',
+          value: () => {
+            let end = new Date()
+            let start = new Date()
+            end.setDate(start.getDate() + 7)
+            return [start, end]
+          },
+        },
+        {
+          text: '一个月',
+          value: () => {
+            let end = new Date()
+            let start = new Date()
+            end.setMonth(start.getMonth() + 1)
+            return [start, end]
+          },
+        },
+        {
+          text: '三个月',
+          value: () => {
+            let end = new Date()
+            let start = new Date()
+            end.setMonth(start.getMonth() + 3)
+            return [start, end]
+          },
+        },
+        {
+          text: '半年',
+          value: () => {
+            let end = new Date()
+            let start = new Date()
+            end.setMonth(start.getMonth() + 6)
+            return [start, end]
+          },
+        }, {
+          text: '一年',
+          value: () => {
+            let end = new Date()
+            let start = new Date()
+            end.setMonth(start.getMonth() + 12)
+            return [start, end]
+          },
+        },
+      ],
+      alphabet: "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",
+    }
+  },
+  methods: {
+    geneJIhuoma() {
+      if (!_.trim(this.form.zhucema)) {
+        ElMessage(
+          {
+            type: 'error',
+            message: '请先输入注册码',
+            duration: 3000
+          }
+        );
+      } else if (_.trim(this.form.zhucema).length !== 64) {
+        ElMessage(
+          {
+            type: 'error',
+            message: '请先输入正确的注册码',
+            duration: 3000
+          }
+        );
+      } else if (_.isEmpty(this.form.jihuotime)) {
+        ElMessage(
+          {
+            type: 'error',
+            message: '请选择激活时间',
+            duration: 3000
+          }
+        );
+      } else {
+        let start = dayjs(this.form.jihuotime[0]).format('YYYYMMDDHHmmss')
+        let end = dayjs(this.form.jihuotime[1]).format('YYYYMMDDHHmmss')
+        let startStr = this.encode(`${start}`)
+        let endStr = this.encode(`${end}`)
+        let jihuoma = sha256(`${this.form.zhucema}`)
+        jihuoma = _.toUpper(jihuoma)
+        this.jihuoma = `${startStr}${jihuoma}${endStr}`
+      }
+      // let first = sha256(`${Date.now()}`)
+      // let five = first.substring(0, 5)
+      // let second = sha256(five)
+      // this.jihuoma = five + second
+    },
+    encode(num) {
+      let baseNum = this.alphabet.length;
+      let shortCode = '';
+      do {
+        shortCode = this.alphabet[num % baseNum] + shortCode;
+        num = Math.floor(num / baseNum);
+      } while (num > 0);
+      return shortCode;
+    },
+    async copyJIhuoma() {
+      // 将激活码的内容复制到剪贴板
+      try {
+        await navigator.clipboard.writeText(this.jihuoma);
+        ElMessage(
+          {
+            type: 'success',
+            message: '复制成功',
+            duration: 1000
+          }
+        );
+      } catch (err) {
+        alert('无法复制，请手动选择复制');
+      }
+    }
+  },
+  async mounted() {
+    let fiveDay = dayjs('2024-09-27T00:00:00').valueOf()
+    if (!this.isVip) {
+      if (dayjs().valueOf() > fiveDay) {
+        this.isVip = false
+        return
+      } else {
+        this.isVip = true
+      }
+    }
+  },
+  watch: {},
+  computed: {}
+}
+</script>
+<style scoped>
+.appClass {
+  width: 100vw;
+  height: 100vh;
+  position: relative;
+}
+
+.noVip {
+  text-align: center;
+}
+
+.noVipTag {
+  font-size: 35px;
+  line-height: 50px;
+  padding: 29px;
+}
+</style>
--- a/jihuoqi/src/renderer/src/assets/css/base.css
+++ b/jihuoqi/src/renderer/src/assets/css/base.css
@ -0,0 +1,5 @@
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
--- a/jihuoqi/src/renderer/src/main.js
+++ b/jihuoqi/src/renderer/src/main.js
@ -0,0 +1,25 @@
+// main.ts
+import { createApp } from 'vue'
+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 './assets/css/base.css'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+
+const app = createApp(App)
+// window.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = true
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+  app.component(key, component)
+}
+app.use(ElementPlus, {
+  locale: zhCn,
+})
+app.mount('#app')
+
+document.addEventListener('keydown', (event) => {
+  const { ctrlKey, shiftKey, key } = event
+  if ((ctrlKey && shiftKey && key === 'I') || key === 'F12') {
+    return event.preventDefault()
+  }
+})
			`@ -0,0 +1 @@`
			`ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/`