# demi_ui

**Repository Path**: andygitee2025/demi_ui

## Basic Information

- **Project Name**: demi_ui
- **Description**: demi_ui,项目web端
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-10
- **Last Updated**: 2025-11-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 后台管理系统UI
vue2,node >16
前端访问地址
- Local:   http://localhost:1024/
- Network: http://192.168.199.114:1024/
点击右上角 个人中心 进行登录
- 账号：admin，密码：andy123
get请求,使用params
post请求,使用data

图标：
https://element.eleme.cn/#/zh-CN/component/icon

--------------

包括数据库字段的设计

1-订单模块

2-商品模块

3-商家模块

4-用户模块

5-财务模块

---
添加菜单方法
1-系统里 菜单管理 添加菜单
2-代码中views文件夹下添加对应页面

```bash
# 进入项目目录
cd demi-ui

# 安装依赖
npm install

# 「不需要」建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com

# 启动服务
npm run dev
```

浏览器访问 http://localhost:1024/index

## 发布
---------vue.config.js
//1-访问本地端口
// target: `http://localhost:8081`,
target: `http://101.35.226.226/prod-api`,
//2-访问服务器端口[发布时必须使用该url]

```bash
# 构建测试环境(不用)
npm run build:stage

# 构建生产环境
npm run build:prod
```

-------------
6- 列显示宽度

5- 排序
加上 sortable="true"
<el-table-column label="updateTime" align="center" prop="updateTime" width="180" sortable>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.updateTime) }}</span>
</template>
</el-table-column>
4- 回车 确定
@keyup.enter.native="handleQuery"

3-固定表头，固定列
:height="tableHeight"
只要在el-table元素中定义了 height 属性，即可实现固定表头的表格，而不需要额外的代码。【height="250"】

固定列需要使用fixed属性，它接受 Boolean 值或者leftright，表示左边固定还是右边固定【fixed="right" 】

2-枚举
<el-table-column label="交易类型" align="center" prop="transactionType">
<template slot-scope="{ row }">
{{ {1: '成交', 2: '持买单', 3: '持卖单'}[row.transactionType] || '未知' }}
</template>
</el-table-column>

1-设置日期选择无法修改，disabled
<el-form-item label="日期" prop="transactionDate" disabled="true">
<el-date-picker clearable
v-model="form.transactionDate"
type="date"
disabled
value-format="yyyy-MM-dd"
placeholder="请选择日期">
</el-date-picker>
</el-form-item>

# 动态界面高度

搜索： TransactionDetailsIndex.vue--tableHeight