前端学习之vue+element-ui电商项目（九）订单管理

0. 准备工作

component下新建文件夹order下新建文件Order.vue，并在路由中引入文件
因为数据库中少了些文件，所以要自己导入。
1 ）citydata.js
2 ) db.js
3 ) wuliudb.json

PS：这些文件太长，我就不放了。

1.界面样式

1.1 界面布局

1.2 导航区

<el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>订单管理</el-breadcrumb-item>
      <el-breadcrumb-item>订单列表</el-breadcrumb-item>
    </el-breadcrumb>

2.订单数据列表

2.1 界面样式

<el-row>
        <el-col :span="8">
          <el-input placeholder="请输入内容">
            <el-button slot="append" icon="el-icon-search"></el-button>
          </el-input>
        </el-col>
      </el-row>

      <!-- 订单数据列表 -->
      <el-table :data="orderList" border stripe>
        <el-table-column type="index"></el-table-column>
        <el-table-column label="订单编号" prop="order_number"></el-table-column>
        <el-table-column label="订单价格" prop="order_price"></el-table-column>
        <el-table-column label="是否付款" prop="