|
<template>
|
<div class="app-container">
|
<el-form
|
:model="queryParams"
|
ref="queryForm"
|
size="small"
|
:inline="true"
|
v-show="showSearch"
|
label-width="68px"
|
>
|
<el-form-item label="订单编号" prop="orderSn">
|
<el-input v-model="queryParams.orderSn" placeholder="请输入订单编号" clearable @keyup.enter.native="handleQuery"/>
|
</el-form-item>
|
<el-form-item label="体检客户" prop="consignee">
|
<el-input v-model="queryParams.consignee" placeholder="请输入体检客户" clearable @keyup.enter.native="handleQuery"/>
|
</el-form-item>
|
<el-form-item label="联系电话" prop="mobile">
|
<el-input v-model="queryParams.mobile" placeholder="请输入联系电话" clearable @keyup.enter.native="handleQuery"/>
|
</el-form-item>
|
<el-form-item label="订单状态" prop="orderStatus">
|
<!-- <el-input v-model="queryParams.orderStatus" placeholder="请输入体检人" clearable @keyup.enter.native="handleQuery"/> -->
|
<el-select
|
v-model="queryParams.orderStatus"
|
placeholder="请选择状态"
|
style="width: 200px"
|
filterable
|
clearable
|
>
|
<el-option
|
v-for="dict in dict.type.app_order_status"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
<!-- <el-form-item label="收货号码" prop="mobile">
|
<el-input v-model="queryParams.mobile" placeholder="请输入收货人手机号" clearable @keyup.enter.native="handleQuery"/>
|
</el-form-item> -->
|
<el-form-item>
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
</el-form-item>
|
</el-form>
|
|
<!-- <el-row :gutter="10" class="mb8">
|
<el-col :span="1.5">
|
<el-button
|
type="primary"
|
icon="el-icon-plus"
|
size="mini"
|
@click="handleAdd"
|
v-hasPermi="['mall:order:add']"
|
>新增
|
</el-button>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="primary"
|
icon="el-icon-edit"
|
size="mini"
|
:disabled="single"
|
@click="handleUpdate"
|
v-hasPermi="['mall:order:edit']"
|
>修改
|
</el-button>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="primary"
|
icon="el-icon-delete"
|
size="mini"
|
:disabled="multiple"
|
@click="handleDelete"
|
v-hasPermi="['mall:order:remove']"
|
>删除
|
</el-button>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="primary"
|
icon="el-icon-download"
|
size="mini"
|
@click="handleExport"
|
v-hasPermi="['mall:order:export']"
|
>导出
|
</el-button>
|
</el-col>
|
<right-toolbar
|
:showSearch.sync="showSearch"
|
@queryTable="getList"
|
></right-toolbar>
|
</el-row> -->
|
|
<el-table
|
v-loading="loading"
|
:data="orderList"
|
@selection-change="handleSelectionChange"
|
border
|
>
|
<el-table-column type="selection" width="50" align="center" />
|
<el-table-column label="序号" align="center" prop="newID" width="55" fixed="left"/>
|
<el-table-column label="体检人" align="center" prop="consignee" width="80" fixed="left"/>
|
<el-table-column label="联系电话" align="center" prop="mobile" width="108" fixed="left"/>
|
<el-table-column label="身份证号" align="center" prop="idCard" width="170" />
|
<!-- <el-table-column label="用户ID" align="center" prop="userId" :show-overflow-tooltip="true" /> -->
|
<el-table-column label="订单编号" align="center" prop="orderSn" width="170" />
|
<el-table-column label="订单状态" align="center" prop="orderStatus" width="100" >
|
<template slot-scope="scope">
|
<dict-tag :options="dict.type.app_order_status" :value="scope.row.orderStatus"/>
|
</template>
|
</el-table-column>
|
<el-table-column label="售后状态" align="center" prop="aftersaleStatus" :show-overflow-tooltip="true">
|
<template slot-scope="scope">
|
<dict-tag :options="dict.type.app_aftersale_status" :value="scope.row.aftersaleStatus"/>
|
</template>
|
</el-table-column>
|
|
<!-- <el-table-column label="联系电话" align="center" prop="mobile" /> -->
|
<!-- <el-table-column label="身份证号" align="center" prop="address" /> -->
|
<!-- <el-table-column label="订单留言" align="center" prop="message" :show-overflow-tooltip="true" /> -->
|
<!-- <el-table-column label="商品费用" align="center" prop="goodsPrice" :show-overflow-tooltip="true" /> -->
|
<!-- <el-table-column label="配送费用" align="center" prop="freightPrice" :show-overflow-tooltip="true" /> -->
|
<!-- <el-table-column label="优惠券" align="center" prop="couponPrice" :show-overflow-tooltip="true" /> -->
|
<!-- <el-table-column
|
label="积分减免"
|
align="center"
|
prop="integralPrice" :show-overflow-tooltip="true"
|
/> -->
|
<!-- <el-table-column
|
label="团购减免"
|
align="center"
|
prop="grouponPrice" :show-overflow-tooltip="true"
|
/> -->
|
<el-table-column
|
label="订单费用"
|
align="center"
|
prop="orderPrice" :show-overflow-tooltip="true"
|
/>
|
<el-table-column
|
label="实付费用"
|
align="center"
|
prop="actualPrice" :show-overflow-tooltip="true"
|
/>
|
<el-table-column label="付款编号" align="center" prop="payId" width="246"/>
|
<el-table-column
|
label="付款时间"
|
align="center"
|
prop="payTime" width="100"
|
>
|
<template slot-scope="scope">
|
<span>{{ parseTime(scope.row.payTime, "{y}-{m}-{d}") }}</span>
|
</template>
|
</el-table-column>
|
<!-- <el-table-column label="发货编号" align="center" prop="shipSn" :show-overflow-tooltip="true" /> -->
|
<!-- <el-table-column label="发货快递" align="center" prop="shipChannel" :show-overflow-tooltip="true" /> -->
|
<!-- <el-table-column
|
label="发货时间"
|
align="center"
|
prop="shipTime" :show-overflow-tooltip="true"
|
>
|
<template slot-scope="scope">
|
<span>{{ parseTime(scope.row.shipTime, "{y}-{m}-{d}") }}</span>
|
</template>
|
</el-table-column> -->
|
<el-table-column
|
label="退款金额"
|
align="center"
|
prop="refundAmount" :show-overflow-tooltip="true"
|
/>
|
<el-table-column label="退款方式" align="center" prop="refundType" :show-overflow-tooltip="true" >
|
<template slot-scope="scope">
|
<dict-tag :options="dict.type.app_refund_type" :value="scope.row.refundType"/>
|
</template>
|
</el-table-column>
|
<el-table-column label="退款备注" align="center" prop="refundContent" :show-overflow-tooltip="true" />
|
<el-table-column
|
label="退款时间"
|
align="center"
|
prop="refundTime" width="100"
|
>
|
<template slot-scope="scope">
|
<span>{{ parseTime(scope.row.refundTime, "{y}-{m}-{d}") }}</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
label="核销时间"
|
align="center"
|
prop="confirmTime" :show-overflow-tooltip="true"
|
>
|
<template slot-scope="scope">
|
<span>{{ parseTime(scope.row.confirmTime, "{y}-{m}-{d}") }}</span>
|
</template>
|
</el-table-column>
|
<!-- <el-table-column
|
label="待评价数"
|
align="center"
|
prop="comments" :show-overflow-tooltip="true"
|
/> -->
|
<el-table-column
|
label="关闭时间"
|
align="center"
|
prop="closeTime" width="100"
|
>
|
<template slot-scope="scope">
|
<span>{{ parseTime(scope.row.closeTime, "{y}-{m}-{d}") }}</span>
|
</template>
|
</el-table-column>
|
<!-- <el-table-column
|
label="结算金额"
|
align="center"
|
prop="settlementMoney" :show-overflow-tooltip="true"
|
/> -->
|
<!-- <el-table-column
|
label="结算状态"
|
align="center"
|
prop="settlementStatus" :show-overflow-tooltip="true"
|
/> -->
|
<!-- <el-table-column
|
label="配送方式"
|
align="center"
|
prop="freightType" :show-overflow-tooltip="true"
|
/> -->
|
<!-- <el-table-column label="推广用户" align="center" prop="shareUserId" :show-overflow-tooltip="true" /> -->
|
<!-- <el-table-column label="提货码" align="center" prop="fetchCode" :show-overflow-tooltip="true" /> -->
|
<!-- <el-table-column label="创建人" align="center" prop="createUserId" :show-overflow-tooltip="true" /> -->
|
<!-- <el-table-column
|
label="转赠发送时间"
|
align="center"
|
prop="giftSendTime" :show-overflow-tooltip="true"
|
>
|
<template slot-scope="scope">
|
<span>{{ parseTime(scope.row.giftSendTime, "{y}-{m}-{d}") }}</span>
|
</template>
|
</el-table-column> -->
|
<!-- <el-table-column
|
label="转赠接收时间"
|
align="center"
|
prop="giftReceiveTime" :show-overflow-tooltip="true"
|
>
|
<template slot-scope="scope">
|
<span>{{ parseTime(scope.row.giftReceiveTime, "{y}-{m}-{d}") }}</span>
|
</template>
|
</el-table-column> -->
|
<!-- <el-table-column
|
fixed="right"
|
label="操作"
|
align="center"
|
class-name="small-padding fixed-width"
|
>
|
<template slot-scope="scope">
|
<el-button
|
size="mini"
|
type="text"
|
icon="el-icon-edit"
|
@click="handleUpdate(scope.row)"
|
v-hasPermi="['mall:order:edit']"
|
>修改
|
</el-button>
|
<el-button
|
size="mini"
|
type="text"
|
icon="el-icon-delete"
|
@click="handleDelete(scope.row)"
|
v-hasPermi="['mall:order:remove']"
|
>删除
|
</el-button>
|
</template>
|
</el-table-column> -->
|
</el-table>
|
|
<div class="pag">
|
<div class="pag1">
|
<pagination
|
v-show="total > 0"
|
:total="total"
|
:page.sync="queryParams.pageNum"
|
:limit.sync="queryParams.pageSize"
|
@pagination="getList"
|
/>
|
</div>
|
</div>
|
|
<!-- 添加或修改订单对话框 -->
|
<el-dialog :title="title" :visible.sync="open" width="1300px" append-to-body>
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px" :inline="true">
|
<el-form-item label="用户ID" prop="userId">
|
<el-input v-model="form.userId" placeholder="请输入用户表的用户ID" />
|
</el-form-item>
|
<el-form-item label="订单编号" prop="orderSn">
|
<el-input v-model="form.orderSn" placeholder="请输入订单编号" />
|
</el-form-item>
|
<el-form-item label="收货名称" prop="consignee">
|
<el-input v-model="form.consignee" placeholder="请输入收货人名称" />
|
</el-form-item>
|
<el-form-item label="收货号码" prop="mobile">
|
<el-input v-model="form.mobile" placeholder="请输入收货人手机号" />
|
</el-form-item>
|
<el-form-item label="收货地址" prop="address">
|
<el-input v-model="form.address" placeholder="请输入收货具体地址" />
|
</el-form-item>
|
<el-form-item label="订单留言" prop="message">
|
<el-input
|
v-model="form.message"
|
type="textarea"
|
placeholder="请输入内容"
|
/>
|
</el-form-item>
|
<el-form-item label="商品费用" prop="goodsPrice">
|
<el-input v-model="form.goodsPrice" placeholder="请输入商品总费用" />
|
</el-form-item>
|
<el-form-item label="配送费用" prop="freightPrice">
|
<el-input v-model="form.freightPrice" placeholder="请输入配送费用" />
|
</el-form-item>
|
<el-form-item label="优惠券" prop="couponPrice">
|
<el-input v-model="form.couponPrice" placeholder="请输入优惠券减免" />
|
</el-form-item>
|
<el-form-item label="用户积分" prop="integralPrice">
|
<el-input
|
v-model="form.integralPrice"
|
placeholder="请输入用户积分减免"
|
/>
|
</el-form-item>
|
<el-form-item label="团购优惠" prop="grouponPrice">
|
<el-input
|
v-model="form.grouponPrice"
|
placeholder="请输入团购优惠价减免"
|
/>
|
</el-form-item>
|
<el-form-item
|
label="订单费用"
|
prop="orderPrice"
|
>
|
<el-input
|
v-model="form.orderPrice"
|
placeholder="请输入订单费用"
|
/>
|
</el-form-item>
|
<el-form-item
|
label="实付费用"
|
prop="actualPrice"
|
>
|
<el-input
|
v-model="form.actualPrice"
|
placeholder="请输入实付费用， = order_price - integral_price"
|
/>
|
</el-form-item>
|
<el-form-item label="付款编号" prop="payId">
|
<el-input v-model="form.payId" placeholder="请输入微信付款编号" />
|
</el-form-item>
|
<el-form-item label="付款时间" prop="payTime">
|
<el-date-picker
|
clearable
|
v-model="form.payTime"
|
type="date"
|
value-format="yyyy-MM-dd"
|
placeholder="请选择微信付款时间"
|
>
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="发货编号" prop="shipSn">
|
<el-input v-model="form.shipSn" placeholder="请输入发货编号" />
|
</el-form-item>
|
<el-form-item label="发货快递" prop="shipChannel">
|
<el-input
|
v-model="form.shipChannel"
|
placeholder="请输入发货快递公司"
|
/>
|
</el-form-item>
|
<el-form-item label="发货时间" prop="shipTime">
|
<el-date-picker
|
clearable
|
v-model="form.shipTime"
|
type="date"
|
value-format="yyyy-MM-dd"
|
placeholder="请选择发货开始时间"
|
>
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="退款金额" prop="refundAmount">
|
<el-input
|
v-model="form.refundAmount"
|
placeholder="请输入实际退款金额，"
|
/>
|
</el-form-item>
|
<el-form-item label="退款时间" prop="refundTime">
|
<el-date-picker
|
clearable
|
v-model="form.refundTime"
|
type="date"
|
value-format="yyyy-MM-dd"
|
placeholder="请选择退款时间"
|
>
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="退款备注">
|
<editor v-model="form.refundContent" :min-height="192" />
|
</el-form-item><br>
|
|
<el-form-item label="确认收货" prop="confirmTime">
|
<el-date-picker
|
clearable
|
v-model="form.confirmTime"
|
type="date"
|
value-format="yyyy-MM-dd"
|
placeholder="请选择用户确认收货时间"
|
>
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="待评价数" prop="comments">
|
<el-input
|
v-model="form.comments"
|
placeholder="请输入待评价订单商品数量"
|
/>
|
</el-form-item>
|
<el-form-item label="关闭时间" prop="closeTime">
|
<el-date-picker
|
clearable
|
v-model="form.closeTime"
|
type="date"
|
value-format="yyyy-MM-dd"
|
placeholder="请选择订单关闭时间"
|
>
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="结算金额" prop="settlementMoney">
|
<el-input
|
v-model="form.settlementMoney"
|
placeholder="请输入代理结算金额"
|
/>
|
</el-form-item>
|
<el-form-item label="推广用户" prop="shareUserId">
|
<el-input v-model="form.shareUserId" placeholder="请输入推广用户" />
|
</el-form-item>
|
<el-form-item label="提货码" prop="fetchCode">
|
<el-input v-model="form.fetchCode" placeholder="请输入提货码" />
|
</el-form-item>
|
<el-form-item label="创建人" prop="createUserId">
|
<el-input
|
v-model="form.createUserId"
|
placeholder="请输入原始创建人"
|
/>
|
</el-form-item>
|
<el-form-item label="发送时间" prop="giftSendTime">
|
<el-date-picker
|
clearable
|
v-model="form.giftSendTime"
|
type="date"
|
value-format="yyyy-MM-dd"
|
placeholder="请选择转赠发送时间"
|
>
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="接收时间" prop="giftReceiveTime">
|
<el-date-picker
|
clearable
|
v-model="form.giftReceiveTime"
|
type="date"
|
value-format="yyyy-MM-dd"
|
placeholder="请选择转赠接收时间"
|
>
|
</el-date-picker>
|
</el-form-item>
|
<el-divider content-position="center">订单商品信息</el-divider>
|
<el-row :gutter="10" class="mb8">
|
<el-col :span="1.5">
|
<el-button
|
type="primary"
|
icon="el-icon-plus"
|
size="mini"
|
@click="handleAddMallOrderGoods"
|
>
|
添加
|
</el-button>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="danger"
|
icon="el-icon-delete"
|
size="mini"
|
@click="handleDeleteMallOrderGoods"
|
>删除
|
</el-button>
|
</el-col>
|
</el-row>
|
<el-table
|
:data="mallOrderGoodsList"
|
:row-class-name="rowMallOrderGoodsIndex"
|
@selection-change="handleMallOrderGoodsSelectionChange"
|
ref="mallOrderGoods"
|
>
|
<el-table-column type="selection" width="50" align="center" />
|
<el-table-column
|
label="序号"
|
align="center"
|
prop="index"
|
width="50"
|
/>
|
<el-table-column label="商品表的商品ID" prop="goodsId" width="150">
|
<template slot-scope="scope">
|
<el-input
|
v-model="scope.row.goodsId"
|
placeholder="请输入商品表的商品ID"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column label="商品名称" prop="goodsName" width="150">
|
<template slot-scope="scope">
|
<el-input
|
v-model="scope.row.goodsName"
|
placeholder="请输入商品名称"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column label="商品编号" prop="goodsSn" width="150">
|
<template slot-scope="scope">
|
<el-input
|
v-model="scope.row.goodsSn"
|
placeholder="请输入商品编号"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column
|
label="商品货品表的货品ID"
|
prop="productId"
|
width="150"
|
>
|
<template slot-scope="scope">
|
<el-input
|
v-model="scope.row.productId"
|
placeholder="请输入商品货品表的货品ID"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column label="商品货品的购买数量" prop="number" width="150">
|
<template slot-scope="scope">
|
<el-input
|
v-model="scope.row.number"
|
placeholder="请输入商品货品的购买数量"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column label="商品货品的售价" prop="price" width="150">
|
<template slot-scope="scope">
|
<el-input
|
v-model="scope.row.price"
|
placeholder="请输入商品货品的售价"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column
|
label="商品货品图片或者商品图片"
|
prop="picUrl"
|
width="150"
|
>
|
<template slot-scope="scope">
|
<el-input
|
v-model="scope.row.picUrl"
|
placeholder="请输入商品货品图片或者商品图片"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column
|
label="商品评论"
|
prop="comment"
|
width="150"
|
>
|
<template slot-scope="scope">
|
<el-input
|
v-model="scope.row.comment"
|
placeholder="请输入订单商品评论，如果是-1，则超期不能评价；如果是0，则可以评价；如果其他值，则是comment表里面的评论ID。"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column label="进价" prop="purchasePrice" width="150">
|
<template slot-scope="scope">
|
<el-input
|
v-model="scope.row.purchasePrice"
|
placeholder="请输入进价"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column label="专柜价格" prop="counterPrice" width="150">
|
<template slot-scope="scope">
|
<el-input
|
v-model="scope.row.counterPrice"
|
placeholder="请输入专柜价格"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column label="$comment" prop="deleted" width="150">
|
<template slot-scope="scope">
|
<el-input
|
v-model="scope.row.deleted"
|
placeholder="请输入$comment"
|
/>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-form>
|
<!-- <div slot="footer" class="dialog-footer">
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
<el-button @click="cancel">取 消</el-button>
|
</div> -->
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import {
|
listOrder,
|
getOrder,
|
delOrder,
|
addOrder,
|
updateOrder,
|
} from "@/api/mall/order";
|
|
export default {
|
dicts: ["app_order_status", "app_aftersale_status", "app_refund_status","app_refund_type"],
|
name: "Order",
|
data() {
|
return {
|
// 遮罩层
|
loading: true,
|
// 选中数组
|
ids: [],
|
// 子表选中数据
|
checkedMallOrderGoods: [],
|
// 非单个禁用
|
single: true,
|
// 非多个禁用
|
multiple: true,
|
// 显示搜索条件
|
showSearch: true,
|
// 总条数
|
total: 0,
|
// 订单表格数据
|
orderList: [],
|
// 订单商品表格数据
|
mallOrderGoodsList: [],
|
// 弹出层标题
|
title: "",
|
// 是否显示弹出层
|
open: false,
|
// 查询参数
|
queryParams: {
|
pageNum: 1,
|
pageSize: 10,
|
phone: null,
|
userId: null,
|
orderSn: null,
|
orderStatus: "201",
|
aftersaleStatus: null,
|
consignee: null,
|
mobile: null,
|
address: null,
|
message: null,
|
goodsPrice: null,
|
freightPrice: null,
|
couponPrice: null,
|
integralPrice: null,
|
grouponPrice: null,
|
orderPrice: null,
|
actualPrice: null,
|
payId: null,
|
payTime: null,
|
shipSn: null,
|
shipChannel: null,
|
shipTime: null,
|
refundAmount: null,
|
refundType: null,
|
refundContent: null,
|
refundTime: null,
|
confirmTime: null,
|
comments: null,
|
closeTime: null,
|
settlementMoney: null,
|
settlementStatus: null,
|
freightType: null,
|
shareUserId: null,
|
fetchCode: null,
|
createUserId: null,
|
giftSendTime: null,
|
giftReceiveTime: null,
|
},
|
// 表单参数
|
form: {},
|
// 表单校验
|
rules: {
|
userId: [
|
{
|
required: true,
|
message: "",
|
trigger: "blur",
|
},
|
],
|
orderSn: [
|
{
|
required: true,
|
message: "",
|
trigger: "blur",
|
},
|
],
|
orderStatus: [
|
{
|
required: true,
|
message: "",
|
trigger: "blur",
|
},
|
],
|
consignee: [
|
{
|
required: true,
|
message: "",
|
trigger: "blur",
|
},
|
],
|
mobile: [
|
{
|
required: true,
|
message: "",
|
trigger: "blur",
|
},
|
],
|
address: [
|
{
|
required: true,
|
message: "",
|
trigger: "blur",
|
},
|
],
|
message: [
|
{
|
required: true,
|
message: "",
|
trigger: "blur",
|
},
|
],
|
goodsPrice: [
|
{
|
required: true,
|
message: "",
|
trigger: "blur",
|
},
|
],
|
couponPrice: [
|
{
|
required: true,
|
message: "",
|
trigger: "blur",
|
},
|
],
|
integralPrice: [
|
{
|
required: true,
|
message: "",
|
trigger: "blur",
|
},
|
],
|
grouponPrice: [
|
{
|
required: true,
|
message: "",
|
trigger: "blur",
|
},
|
],
|
orderPrice: [
|
{
|
required: true,
|
message:
|
"",
|
trigger: "blur",
|
},
|
],
|
actualPrice: [
|
{
|
required: true,
|
message: "",
|
trigger: "blur",
|
},
|
],
|
settlementStatus: [
|
{
|
required: true,
|
message: "",
|
trigger: "blur",
|
},
|
],
|
freightType: [
|
{
|
required: true,
|
message: "",
|
trigger: "change",
|
},
|
],
|
createTime: [
|
{
|
required: true,
|
message: "",
|
trigger: "blur",
|
},
|
],
|
deleted: [
|
{
|
required: true,
|
message: "",
|
trigger: "blur",
|
},
|
],
|
},
|
};
|
},
|
created() {
|
this.getList();
|
},
|
methods: {
|
handleDeleteMallOrderGoods(){},
|
rowMallOrderGoodsIndex(){},
|
handleAddMallOrderGoods(){},
|
handleMallOrderGoodsSelectionChange(){},
|
/** 查询订单列表 */
|
getList() {
|
this.loading = true;
|
listOrder(this.queryParams).then((response) => {
|
response.rows.forEach((item, index) => {
|
item.newID =
|
(this.queryParams.pageNum - 1) * this.queryParams.pageSize +
|
index +
|
1;
|
});
|
this.orderList = response.rows;
|
this.total = response.total;
|
this.loading = false;
|
});
|
},
|
// 取消按钮
|
cancel() {
|
this.open = false;
|
this.reset();
|
},
|
// 表单重置
|
reset() {
|
this.form = {
|
id: null,
|
userId: null,
|
orderSn: null,
|
orderStatus: 0,
|
aftersaleStatus: 0,
|
consignee: null,
|
mobile: null,
|
address: null,
|
message: null,
|
goodsPrice: null,
|
freightPrice: null,
|
couponPrice: null,
|
integralPrice: null,
|
grouponPrice: null,
|
orderPrice: null,
|
actualPrice: null,
|
payId: null,
|
payTime: null,
|
shipSn: null,
|
shipChannel: null,
|
shipTime: null,
|
refundAmount: null,
|
refundType: null,
|
refundContent: null,
|
refundTime: null,
|
confirmTime: null,
|
comments: null,
|
closeTime: null,
|
settlementMoney: null,
|
settlementStatus: 0,
|
freightType: null,
|
shareUserId: null,
|
fetchCode: null,
|
createUserId: null,
|
giftSendTime: null,
|
giftReceiveTime: null,
|
deptId: null,
|
isSz: null,
|
createTime: null,
|
createBy: null,
|
updateTime: null,
|
updateBy: null,
|
deleted: null,
|
};
|
this.mallOrderGoodsList = [];
|
this.resetForm("form");
|
},
|
/** 搜索按钮操作 */
|
handleQuery() {
|
this.queryParams.pageNum = 1;
|
this.getList();
|
},
|
/** 重置按钮操作 */
|
resetQuery() {
|
this.resetForm("queryForm");
|
this.handleQuery();
|
},
|
// 多选框选中数据
|
handleSelectionChange(selection) {
|
this.ids = selection.map((item) => item.id);
|
this.single = selection.length !== 1;
|
this.multiple = !selection.length;
|
},
|
/** 新增按钮操作 */
|
handleAdd() {
|
this.reset();
|
this.open = true;
|
this.title = "添加订单";
|
},
|
/** 修改按钮操作 */
|
handleUpdate(row) {
|
this.reset();
|
const id = row.id || this.ids;
|
getOrder(id).then((response) => {
|
this.form = response.data;
|
this.mallOrderGoodsList = response.data.mallOrderGoodsList;
|
this.open = true;
|
this.title = "修改订单";
|
});
|
},
|
/** 提交按钮 */
|
submitForm() {
|
this.$refs["form"].validate((valid) => {
|
if (valid) {
|
if (this.form.id != null) {
|
updateOrder(this.form).then((response) => {
|
this.$modal.msgSuccess("修改成功");
|
this.open = false;
|
this.getList();
|
});
|
} else {
|
addOrder(this.form).then((response) => {
|
this.$modal.msgSuccess("新增成功");
|
this.open = false;
|
this.getList();
|
});
|
}
|
}
|
});
|
},
|
/** 删除按钮操作 */
|
handleDelete(row) {
|
const ids = row.id || this.ids;
|
this.$modal
|
.confirm('是否确认删除关键字编号为"' + ids + '"的数据项？')
|
.then(function () {
|
return delOrder(ids);
|
})
|
.then(() => {
|
this.getList();
|
this.$modal.msgSuccess("删除成功");
|
})
|
.catch(() => {});
|
},
|
},
|
};
|
</script>
|
<style scoped>
|
.pag {
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
}
|
.pag1 {
|
width: 20%;
|
}
|
</style>
|
