前后端分离开发vue+Elementyui+abpcorewebapi商城管理系统（十二）订单列表页面
标签：type element car 后端 bsp enum layout mamicode 选择
功能分析
效果图
接口定义
代码orders/Order.vue
class="el-icon-arrow-right">
"{ path: ‘/home‘ }">首页订单管理订单列表"20">
"8">
input
placeholder="请输入内容"
clearable
v-model="queryInfo.query"
@clear="getOrderList"
>
button
slot="append"
icon="el-icon-search"
@click="
handleCurrentChange(1);
getOrderList;
"
>
"orderlist" stripe border style="width: 100%">
"index"> "order_number" label="订单编号">"order_price" label="订单价格">"是否付款">
"scope">
"success" v-if="scope.row.pay_status === ‘1‘"
>已付款tag
>
"warning" v-if="scope.row.pay_status === ‘0‘"
>未付款tag
>
"is_send" label="是否发货">"下单时间">
"scope">
{{ scope.row.create_time | dateFormat }}
"操作" width="130px">
button
size="mini"
type="primary"
icon="el-icon-edit"
@click="showBox"
>
button
size="mini"
type="warning"
icon="el-icon-location"
@click="showProgressBox"
>
pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="queryInfo.pagenum"
:page-sizes="[5, 15, 20]"
:page-size="queryInfo.pagesize"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
background
>
"修改地址" :visible.sync="addressVisible" width="50%">
form
ref="addressFormRef"
:model="addressForm"
:rules="addressFormRules"
@close="addressDialogClosed"
label-width="100px"
>
"省市区/县" prop="address1">
"cityDate" v-model="addressForm.address1">
"详细地址" prop="address2">
"addressForm.address2" placeholder="">"footer">
"addressVisible = false">取 消"primary" @click="addressVisible = false"
>确 定button
>
dialog
title="物流进度"
:visible.sync="progressVisible"
width="50%">
item
v-for="(activity, index) in progressInfo"
:key="index"
:timestamp="activity.time">
{{activity.context}}
"footer">
"progressVisible = false">取 消"primary" @click="progressVisible = false">确 定
前后端分离开发vue+Elementyui+abpcorewebapi商城管理系统（十二）订单列表页面
标签：type element car 后端 bsp enum layout mamicode 选择
原文地址：https://www.cnblogs.com/xiewenyu/p/13110501.html
评论