|
|
@@ -0,0 +1,77 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <!-- 搜索 -->
|
|
|
+ <el-form inline label-width="100px" size="mini">
|
|
|
+ <el-form-item label="订单编号：">
|
|
|
+ <el-input placeholder="请输入订单编号" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="商品ID：">
|
|
|
+ <el-input placeholder="请输入商品ID" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="商品名称：">
|
|
|
+ <el-input placeholder="请输入商品名称" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="会员账号：">
|
|
|
+ <el-input placeholder="请输入会员账号" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="订单状态：">
|
|
|
+ <el-select placeholder="请选择订单状态">
|
|
|
+ <el-option></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="支付方式：">
|
|
|
+ <el-select placeholder="请选择支付方式">
|
|
|
+ <el-option></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="下单时间：">
|
|
|
+ <el-date-picker type="datetimerange" start-placeholder="开始日期" end-placeholder="结束时间" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button icon="el-icon-search" type="primary">搜索</el-button>
|
|
|
+ <el-button icon="el-icon-refresh">重置</el-button>
|
|
|
+ <el-button icon="el-icon-download" type="primary">导出</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <!-- 列表 -->
|
|
|
+ <el-table>
|
|
|
+ <el-table-column label="订单编号" align="center"></el-table-column>
|
|
|
+ <el-table-column label="商品ID" align="center"></el-table-column>
|
|
|
+ <el-table-column label="商品名称" align="center"></el-table-column>
|
|
|
+ <el-table-column label="订单金额/元" align="center"></el-table-column>
|
|
|
+ <el-table-column label="订单状态" align="center"></el-table-column>
|
|
|
+ <el-table-column label="付费类型" align="center"></el-table-column>
|
|
|
+ <el-table-column label="会员ID" align="center"></el-table-column>
|
|
|
+ <el-table-column label="支付方式" align="center"></el-table-column>
|
|
|
+ <el-table-column label="下单时间" align="center"></el-table-column>
|
|
|
+ <el-table-column label="操作" align="center">
|
|
|
+ <template>
|
|
|
+ <el-button type="text" @click="getDetail()">查看</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <!-- 弹窗 -->
|
|
|
+ <el-dialog title="订单详情" :visible.sync="dialogVisible">
|
|
|
+
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // 弹窗
|
|
|
+ dialogVisible: false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ getDetail(){
|
|
|
+ this.dialogVisible = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+</style>
|
