# abc_bill

**Repository Path**: bsie/abc_bill

## Basic Information

- **Project Name**: abc_bill
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-01-15
- **Last Updated**: 2021-06-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 商户账单 html 版本
> 在项目 html 文件中

- ` vue.component.js` 中包含了界面所需的组件源码，该文件依赖 `utils.js`。 所以必须保证 `vue.min.js` 与 `utils.js` 在`vue.component.js` 之前先加载

- 日期组件没有做emit数据返回，这个需要开发者自己对日期格式做处理，是访问时间戳还是对应的 `yyyy-mm-dd` 等格式

- style 文件夹下 `style.less` 是样式源码，`style.css` 是转译后的文件。因为使用 rem 布局，所以采用了该方式。可以使用 [koala](http://koala-app.com/index-zh.html) 软件对less\scss等 css预处理器做转译

### 提示
> 此处提供一个直接引入 less 文件到html中的方法，但是依赖js对less文件做编译，并不推荐
``` html
<link rel="stylesheet/less" type="text/css" href="less.less" />
<script type="text/javascript">
    less = {
        env: "development",
        async: false,
        fileAsync: false,
        poll: 1000,
        functions: {},
        dumpLineNumbers: "comments",
        relativeUrls: false,
    };
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.3/less.min.js"></script>
```

# 商户账单 Vue 版
> node 版本 `v12.16.1`  npm 版本 `6.13.4`

## 安装依赖
```
yarn install

# 或者

npm install
```

### 运行项目
```
yarn serve

# 或者

npm run serve
```

### 打包成h5
```
yarn build

# 或者

npm run build
```

### 目录结构

```
|-- assets                    资源文件夹
|-- components                公共组件
|-- router                    路由
|-- store                     状态管理
|-- theme                     公有样式
|-- views  
|   |-- Activity.vue          活动专区
|   |-- Analysis.vue          记账助手-统计分析
|   |-- BackgroundDetail.vue  背景设置-预览
|   |-- BackgroundSetup.vue   背景设置  
|   |-- Filter.vue            记账助手-筛选
|   |-- FilterRest.vue        记账助手-筛选列表
|   |-- Helper.vue            记账助手
|   |-- Home.vue              首页
|   |-- OrderSearch.vue       账务查询
|   |-- RecordIndex.vue       记账助手-记一笔
|   |-- RecordSetUp.vue       记账助手-设置管理
|   |-- Sale.vue              农行促销活动统计
|   |-- TodayAmount.vue       今日交易金额
|   |-- TodayCount.vue        今日交易笔数
|   |-- TradeTable.vue        生意报表
|   |-- TradingList.vue       交易明细
|-- App.vue                   路由试图
|-- main.vue                  项目入口
```

### 原型
[传送门](https://run.mockplus.cn/oX9cy4fskeMq4DRh/index.html)