# puton
技术设计: https://twjgz6ufn9.feishu.cn/docx/QxYZdj5agoPZKWxzXaRcUZnknMX

UI: https://www.figma.com/design/ow4g9BhwPcmTAYJiCNVbsN/AI%E7%BE%8E%E6%90%AD%E5%8A%A9%E6%89%8B?node-id=1650-2246&t=TPutnQiEWkaaUVNi-0


Element Plus 自动引入图标的实现原理是从 iconify 中自动导入所需要的图标，而 iconify 是一个图标库，包含 Element Plus、Ant Design 等图标集，在具体使用时，语法为 <i-图标集英文缩写-图标名 />，不能直接使用 element plus 中支持的 <图标名 /> 语法。
https://icon-sets.iconify.design/?query=edit
```html
<i-ep-Edit />
<i-ep-edit-pen></i-ep-edit-pen>
<el-icon size="20" color="red">
  <i-ep-delete></i-ep-delete>
</el-icon>
```
This template should help get you started developing with Vue 3 in Vite.

token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJleHAiOjE3MTkxMzA5NjcsInVzZXJuYW1lIjoiMTU3MzI4OTI4ODMifQ.2rxlU2yYD4Xqj92jOd9j0UxVrG-Aq6g6DEiE3o-7YRY

https://antoniandre.github.io/splitpanes/example-another-view

https://detail.vip.com/detail-1710617435-6920666561686120027.html

老网站: http://puton.aidigitalfield.com/

接口文档: https://i8ar7va0x1.feishu.cn/docx/R6Nod8bcPohRh2xOYbAceof4nxd

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).

## Type Support for `.vue` Imports in TS

TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.

## Customize configuration

See [Vite Configuration Reference](https://vitejs.dev/config/).

## Project Setup

```sh
npm install
```

### Compile and Hot-Reload for Development

```sh
npm run dev
```

### Type-Check, Compile and Minify for Production

```sh
npm run build
```

### Lint with [ESLint](https://eslint.org/)

```sh
npm run lint
```