|
|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div class="app-container">
|
|
|
+ <div class="app-container">
|
|
|
<el-form
|
|
|
:model="queryParams"
|
|
|
class="main-search"
|
|
|
@@ -9,23 +9,23 @@
|
|
|
v-show="showSearch"
|
|
|
label-width="68px"
|
|
|
>
|
|
|
- <el-form-item label="订单号" prop="orderSn">
|
|
|
+ <el-form-item :label="$t('orderList.orderNumber')" prop="orderSn">
|
|
|
<el-input
|
|
|
v-model="queryParams.orderSn"
|
|
|
- placeholder="请输入订单号"
|
|
|
+ :placeholder="$t('orderList.pleaseEnterOrderNumber')"
|
|
|
clearable
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="桌码" prop="code">
|
|
|
+ <el-form-item :label="$t('orderList.tableCode')" prop="code">
|
|
|
<el-input
|
|
|
v-model="queryParams.tableCode"
|
|
|
- placeholder="请输入桌码"
|
|
|
+ :placeholder="$t('orderList.pleaseEnterTableCode')"
|
|
|
clearable
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <!-- <el-form-item label="订单类型" prop="type">
|
|
|
+ <!-- <el-form-item label="订单类型" prop="type">
|
|
|
<el-select
|
|
|
v-model="queryParams.type"
|
|
|
clearable
|
|
|
@@ -44,8 +44,8 @@
|
|
|
></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item> -->
|
|
|
- <el-form-item label="订单状态" prop="status">
|
|
|
- <el-select v-model="queryParams.status" placeholder="请选择订单状态" clearable>
|
|
|
+ <el-form-item :label="$t('orderList.orderStatus')" prop="status">
|
|
|
+ <el-select v-model="queryParams.status" :placeholder="$t('orderList.pleaseSelectOrderStatus')" clearable>
|
|
|
<el-option
|
|
|
v-for="statusItem in statusList"
|
|
|
:key="statusItem.key + ''"
|
|
|
@@ -54,8 +54,8 @@
|
|
|
/>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="支付状态" prop="payStatus">
|
|
|
- <el-select v-model="queryParams.payStatus" placeholder="支付状态" clearable>
|
|
|
+ <el-form-item :label="$t('orderList.paymentStatus')" prop="payStatus">
|
|
|
+ <el-select v-model="queryParams.payStatus" :placeholder="$t('orderList.paymentStatus')" clearable>
|
|
|
<el-option
|
|
|
v-for="statusItem in payStatusList"
|
|
|
:key="statusItem.key + ''"
|
|
|
@@ -64,7 +64,7 @@
|
|
|
/>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <!-- <el-form-item label="配送方式">
|
|
|
+ <!-- <el-form-item label="配送方式">
|
|
|
<el-select
|
|
|
v-model="queryParams.orderMode"
|
|
|
placeholder="配送方式"
|
|
|
@@ -73,13 +73,13 @@
|
|
|
<el-option v-for="item in orderModeList" :key="item.key+''" :label="item.name" :value="item.key+''"/>
|
|
|
</el-select>
|
|
|
</el-form-item> -->
|
|
|
- <el-form-item label="下单时间">
|
|
|
+ <el-form-item :label="$t('orderList.orderTime')">
|
|
|
<el-date-picker
|
|
|
v-model="queryParams.startTime"
|
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
type="datetime"
|
|
|
style="width: 190px"
|
|
|
- placeholder="开始时间"
|
|
|
+ :placeholder="$t('orderList.startTime')"
|
|
|
></el-date-picker>
|
|
|
<span class="sp">~</span>
|
|
|
<el-date-picker
|
|
|
@@ -87,17 +87,17 @@
|
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
type="datetime"
|
|
|
style="width: 190px"
|
|
|
- placeholder="结束时间"
|
|
|
+ :placeholder="$t('orderList.endTime')"
|
|
|
></el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery(false)">
|
|
|
- 查询
|
|
|
+ {{ $t('orderList.query') }}
|
|
|
</el-button>
|
|
|
<el-button type="danger" icon="el-icon-download" size="mini" @click="handleQuery(true)">
|
|
|
- 导出
|
|
|
+ {{ $t('orderList.export') }}
|
|
|
</el-button>
|
|
|
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('orderList.reset') }}</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
|
|
|
@@ -109,8 +109,8 @@
|
|
|
:default-sort="defaultSort"
|
|
|
@sort-change="handleSortChange"
|
|
|
>
|
|
|
- <el-table-column label="订单ID" prop="id" min-width="80" />
|
|
|
- <el-table-column label="订单号" align="center" width="200" prop="orderSn">
|
|
|
+ <el-table-column :label="$t('orderList.orderID')" prop="id" min-width="80" />
|
|
|
+ <el-table-column :label="$t('orderList.orderNumber')" align="center" width="200" prop="orderSn">
|
|
|
<template slot-scope="scope">
|
|
|
<span @click="handleView(scope.row)" style="color: #00afff; cursor: pointer">
|
|
|
{{ scope.row.orderSn }}
|
|
|
@@ -130,46 +130,46 @@
|
|
|
<span>{{ scope.row.typeName }}</span>
|
|
|
</template>
|
|
|
</el-table-column> -->
|
|
|
- <el-table-column label="所属店铺" align="center" width="140" prop="storeInfo.name">
|
|
|
+ <el-table-column :label="$t('orderList.storeName')" align="center" width="140" prop="storeInfo.name">
|
|
|
<template slot-scope="scope">
|
|
|
<span v-if="scope.row.storeInfo">{{ scope.row.storeInfo.name }}</span>
|
|
|
<span v-else>-</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="所属桌码" align="center" width="140" prop="tableInfo.code">
|
|
|
+ <el-table-column :label="$t('orderList.tableCode')" align="center" width="140" prop="tableInfo.code">
|
|
|
<template slot-scope="scope">
|
|
|
<span v-if="scope.row.tableInfo">{{ scope.row.tableInfo.code }}</span>
|
|
|
<span v-else>-</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="总金额" align="center" prop="amount">
|
|
|
+ <el-table-column :label="$t('orderList.totalAmount')" align="center" prop="amount">
|
|
|
<template slot-scope="scope">
|
|
|
<span v-if="true">{{ scope.row.amount.toFixed(2) }}</span>
|
|
|
<span v-else>0.00</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <!-- <el-table-column label="支付状态" align="center" width="80" prop="payStatus">
|
|
|
+ <!-- <el-table-column label="支付状态" align="center" width="80" prop="payStatus">
|
|
|
<template slot-scope="scope">
|
|
|
<span v-if="scope.row.payStatus == 'B'" class="status-active">{{ getName(payStatusList, scope.row.payStatus) }}</span>
|
|
|
<span v-else class="status-disabled">{{ getName(payStatusList, scope.row.payStatus) }}</span>
|
|
|
</template>
|
|
|
</el-table-column> -->
|
|
|
- <el-table-column label="订单状态" align="center" width="80" prop="status">
|
|
|
+ <el-table-column :label="$t('orderList.orderStatus')" align="center" width="80" prop="status">
|
|
|
<template slot-scope="scope">
|
|
|
<span class="status-normal">{{ getName(statusList, scope.row.status) }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <!-- <el-table-column label="配送方式" align="center" prop="orderMode">
|
|
|
+ <!-- <el-table-column label="配送方式" align="center" prop="orderMode">
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ getName(orderModeList, scope.row.orderMode) }}</span>
|
|
|
</template>
|
|
|
</el-table-column> -->
|
|
|
- <el-table-column label="下单时间" align="center" width="130" prop="createTime">
|
|
|
+ <el-table-column :label="$t('orderList.orderTime')" align="center" width="130" prop="createTime">
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ scope.row.createTime }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="支付金额" align="center" prop="payAmount">
|
|
|
+ <el-table-column :label="$t('orderList.paymentAmount')" align="center" prop="payAmount">
|
|
|
<template slot-scope="scope">
|
|
|
<span v-if="true">{{ scope.row.payAmount.toFixed(2) }}</span>
|
|
|
<span v-else>0.00</span>
|
|
|
@@ -187,18 +187,18 @@
|
|
|
<span v-else>0.00</span>
|
|
|
</template>
|
|
|
</el-table-column> -->
|
|
|
- <el-table-column label="所属员工" align="center" width="100" prop="staffInfo.name">
|
|
|
+ <el-table-column :label="$t('orderList.staffName')" align="center" width="100" prop="staffInfo.name">
|
|
|
<template slot-scope="scope">
|
|
|
<span v-if="scope.row.staffInfo">{{ scope.row.staffInfo.realName }}</span>
|
|
|
<span v-else>-</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="更新时间" align="center" width="130" prop="updateTime">
|
|
|
+ <el-table-column :label="$t('orderList.updateTime')" align="center" width="130" prop="updateTime">
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ scope.row.updateTime }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="操作" align="left" width="130" fixed="right">
|
|
|
+ <el-table-column :label="$t('orderList.operation')" align="left" width="130" fixed="right">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button
|
|
|
size="mini"
|
|
|
@@ -206,7 +206,7 @@
|
|
|
v-hasPermi="['order:edit']"
|
|
|
@click="handleUpdate(scope.row)"
|
|
|
>
|
|
|
- 修改
|
|
|
+ {{ $t('orderList.modify') }}
|
|
|
</el-button>
|
|
|
<el-button
|
|
|
size="mini"
|
|
|
@@ -214,8 +214,9 @@
|
|
|
v-hasPermi="['order:index']"
|
|
|
@click="handleView(scope.row)"
|
|
|
>
|
|
|
- 查看详情
|
|
|
+ {{ $t('orderList.viewDetails') }}
|
|
|
</el-button>
|
|
|
+
|
|
|
<!-- <el-button
|
|
|
v-if="scope.row.orderMode == 'express'"
|
|
|
size="mini"
|
|
|
@@ -256,256 +257,242 @@
|
|
|
/>
|
|
|
|
|
|
<!-- 修改对话框 start-->
|
|
|
- <el-dialog
|
|
|
- :title="title"
|
|
|
- :visible.sync="open"
|
|
|
- class="common-dialog"
|
|
|
- width="700px"
|
|
|
- append-to-body
|
|
|
- >
|
|
|
- <el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="订单号" prop="orderSn">
|
|
|
- <el-input v-model="form.orderSn" placeholder="订单号" disabled maxlength="100" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <!-- <el-row v-if="form.orderMode && form.orderMode.length > 0">
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="订单模式" prop="orderMode">
|
|
|
- <el-select v-model="form.orderMode" placeholder="订单模式">
|
|
|
- <el-option
|
|
|
- v-for="item in orderModeList"
|
|
|
- :key="item.key + ''"
|
|
|
- :label="item.name"
|
|
|
- :value="item.key + ''"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row> -->
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="订单总金额" prop="amount">
|
|
|
- <el-input v-model="form.amount" placeholder="请输入订单总金额" maxlength="100" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="优惠金额" prop="discount">
|
|
|
- <el-input v-model="form.discount" placeholder="请输入优惠金额" maxlength="100" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="订单备注" prop="remark">
|
|
|
- <el-input
|
|
|
- v-model="form.remark"
|
|
|
- type="textarea"
|
|
|
- placeholder="请输入订单备注"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="订单状态">
|
|
|
- <el-select v-model="form.status" placeholder="订单状态">
|
|
|
- <el-option
|
|
|
- v-for="statusItem in statusList"
|
|
|
- :key="statusItem.key + ''"
|
|
|
- :label="statusItem.name"
|
|
|
- :value="statusItem.key + ''"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </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>
|
|
|
- <!-- 修改对话框 end-->
|
|
|
-
|
|
|
- <!-- 核销对话框 start-->
|
|
|
- <el-dialog
|
|
|
- title="核销订单"
|
|
|
- :visible.sync="openVerify"
|
|
|
- class="common-dialog"
|
|
|
- width="700px"
|
|
|
- append-to-body
|
|
|
- >
|
|
|
- <el-form ref="vForm" :model="vForm" :rules="vFormRules" label-width="120px">
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="订单号" prop="orderSn">
|
|
|
- <el-input v-model="vForm.orderSn" placeholder="订单号" disabled maxlength="100" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="核销码" prop="verifyCode">
|
|
|
- <el-input
|
|
|
- v-model="vForm.verifyCode"
|
|
|
- placeholder="请输入订单核销码，从会员端的订单详情获取"
|
|
|
- maxlength="100"
|
|
|
+ <el-dialog
|
|
|
+ :title="title"
|
|
|
+ :visible.sync="open"
|
|
|
+ class="common-dialog"
|
|
|
+ width="700px"
|
|
|
+ append-to-body
|
|
|
+ >
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="$t('orderList.orderNumber')" prop="orderSn">
|
|
|
+ <el-input v-model="form.orderSn" :placeholder="$t('orderList.orderNumber')" disabled maxlength="100" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="$t('orderList.totalOrderAmount')" prop="amount">
|
|
|
+ <el-input v-model="form.amount" :placeholder="$t('orderList.pleaseEnterTotalOrderAmount')" maxlength="100" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="$t('orderList.discountAmount')" prop="discount">
|
|
|
+ <el-input v-model="form.discount" :placeholder="$t('orderList.pleaseEnterDiscountAmount')" maxlength="100" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="$t('orderList.orderRemark')" prop="remark">
|
|
|
+ <el-input
|
|
|
+ v-model="form.remark"
|
|
|
+ type="textarea"
|
|
|
+ :placeholder="$t('orderList.pleaseEnterOrderRemark')"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="$t('orderList.orderStatus')">
|
|
|
+ <el-select v-model="form.status" :placeholder="$t('orderList.orderStatus')">
|
|
|
+ <el-option
|
|
|
+ v-for="statusItem in statusList"
|
|
|
+ :key="statusItem.key + ''"
|
|
|
+ :label="statusItem.name"
|
|
|
+ :value="statusItem.key + ''"
|
|
|
/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="订单备注" prop="remark">
|
|
|
- <el-input
|
|
|
- v-model="vForm.remark"
|
|
|
- type="textarea"
|
|
|
- placeholder="请输入订单备注"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- <div slot="footer" class="dialog-footer">
|
|
|
- <el-button type="primary" @click="submitVForm">确定核销</el-button>
|
|
|
- <el-button @click="cancelVForm">取消</el-button>
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
- <!-- 核销对话框 end-->
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitForm">{{ $t('orderList.confirm') }}</el-button>
|
|
|
+ <el-button @click="cancel">{{ $t('orderList.cancel') }}</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 修改对话框 end-->
|
|
|
+
|
|
|
+ <!-- 核销对话框 start-->
|
|
|
+ <el-dialog
|
|
|
+ :title="$t('orderList.verifyOrder')"
|
|
|
+ :visible.sync="openVerify"
|
|
|
+ class="common-dialog"
|
|
|
+ width="700px"
|
|
|
+ append-to-body
|
|
|
+ >
|
|
|
+ <el-form ref="vForm" :model="vForm" :rules="vFormRules" label-width="120px">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="$t('orderList.orderNumber')" prop="orderSn">
|
|
|
+ <el-input v-model="vForm.orderSn" :placeholder="$t('orderList.orderNumber')" disabled maxlength="100" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="$t('orderList.verificationCode')" prop="verifyCode">
|
|
|
+ <el-input
|
|
|
+ v-model="vForm.verifyCode"
|
|
|
+ :placeholder="$t('orderList.pleaseEnterVerificationCode')"
|
|
|
+ maxlength="100"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="$t('orderList.orderRemark')" prop="remark">
|
|
|
+ <el-input
|
|
|
+ v-model="vForm.remark"
|
|
|
+ type="textarea"
|
|
|
+ :placeholder="$t('orderList.pleaseEnterOrderRemark')"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitVForm">{{ $t('orderList.confirmVerification') }}</el-button>
|
|
|
+ <el-button @click="cancelVForm">{{ $t('orderList.cancel') }}</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 核销对话框 end-->
|
|
|
|
|
|
<!-- 发货对话框 start-->
|
|
|
- <el-dialog
|
|
|
- title="填写物流信息"
|
|
|
- :visible.sync="openExpress"
|
|
|
- class="common-dialog"
|
|
|
- width="700px"
|
|
|
- append-to-body
|
|
|
- >
|
|
|
- <el-form ref="eForm" :model="eForm" :rules="eFormRules" label-width="120px">
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="订单号" prop="orderSn">
|
|
|
- <el-input v-model="eForm.orderSn" placeholder="订单号" disabled maxlength="100" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="物流公司" prop="expressCompany">
|
|
|
- <el-input
|
|
|
- v-if="!expressCompanyList || expressCompanyList.length < 1"
|
|
|
- v-model="eForm.expressCompany"
|
|
|
- placeholder="请输入物流公司"
|
|
|
- maxlength="100"
|
|
|
+ <el-dialog
|
|
|
+ :title="$t('orderList.fillLogisticsInfo')"
|
|
|
+ :visible.sync="openExpress"
|
|
|
+ class="common-dialog"
|
|
|
+ width="700px"
|
|
|
+ append-to-body
|
|
|
+ >
|
|
|
+ <el-form ref="eForm" :model="eForm" :rules="eFormRules" label-width="120px">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="$t('orderList.orderNumber')" prop="orderSn">
|
|
|
+ <el-input v-model="eForm.orderSn" :placeholder="$t('orderList.orderNumber')" disabled maxlength="100" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="$t('orderList.logisticsCompany')" prop="expressCompany">
|
|
|
+ <el-input
|
|
|
+ v-if="!expressCompanyList || expressCompanyList.length < 1"
|
|
|
+ v-model="eForm.expressCompany"
|
|
|
+ :placeholder="$t('orderList.pleaseEnterLogisticsCompany')"
|
|
|
+ maxlength="100"
|
|
|
+ />
|
|
|
+ <el-select
|
|
|
+ v-if="expressCompanyList && expressCompanyList.length > 0"
|
|
|
+ v-model="eForm.expressCompany"
|
|
|
+ clearable
|
|
|
+ :placeholder="$t('orderList.logisticsCompany')"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="expressCompany in expressCompanyList"
|
|
|
+ :key="expressCompany.value"
|
|
|
+ :label="expressCompany.name"
|
|
|
+ :value="expressCompany.value"
|
|
|
/>
|
|
|
- <el-select
|
|
|
- v-if="expressCompanyList && expressCompanyList.length > 0"
|
|
|
- v-model="eForm.expressCompany"
|
|
|
- clearable
|
|
|
- placeholder="物流公司"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="expressCompany in expressCompanyList"
|
|
|
- :key="expressCompany.value"
|
|
|
- :label="expressCompany.name"
|
|
|
- :value="expressCompany.value"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="物流单号" prop="expressNo">
|
|
|
- <el-input v-model="eForm.expressNo" placeholder="请输入物流单号"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- <div slot="footer" class="dialog-footer">
|
|
|
- <el-button type="primary" @click="submitEForm">提交物流信息</el-button>
|
|
|
- <el-button @click="cancelEForm">取消</el-button>
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
- <!-- 核销对话框 end-->
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="$t('orderList.logisticsTrackingNumber')" prop="expressNo">
|
|
|
+ <el-input v-model="eForm.expressNo" :placeholder="$t('orderList.pleaseEnterLogisticsTrackingNumber')"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitEForm">{{ $t('orderList.submitLogisticsInfo') }}</el-button>
|
|
|
+ <el-button @click="cancelEForm">{{ $t('orderList.cancel') }}</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 核销对话框 end-->
|
|
|
|
|
|
- <!--打印订单对话框 start-->
|
|
|
- <orderPrintDialog
|
|
|
- :show-dialog="openOrderPrintDialog"
|
|
|
- :storeInfo="storeInfo"
|
|
|
- :orderInfo="orderInfo"
|
|
|
- @closeDialog="closePrintDialog"
|
|
|
- />
|
|
|
- <!--打印订单对话框 end-->
|
|
|
+ <!--打印订单对话框 start-->
|
|
|
+ <orderPrintDialog
|
|
|
+ :show-dialog="openOrderPrintDialog"
|
|
|
+ :storeInfo="storeInfo"
|
|
|
+ :orderInfo="orderInfo"
|
|
|
+ @closeDialog="closePrintDialog"
|
|
|
+ />
|
|
|
+ <!--打印订单对话框 end-->
|
|
|
|
|
|
- <!-- 退款对话框 start -->
|
|
|
- <el-dialog
|
|
|
- title="订单退款"
|
|
|
- :visible.sync="openRefundDialog"
|
|
|
- class="common-dialog"
|
|
|
- width="700px"
|
|
|
- append-to-body
|
|
|
- >
|
|
|
- <el-form ref="rForm" :model="rForm" :rules="rFormRules" label-width="120px">
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="订单号" prop="orderSn" style="width: 450px">
|
|
|
- <el-input v-model="rForm.orderSn" placeholder="订单号" disabled maxlength="100" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="支付方式" prop="payType" style="width: 450px">
|
|
|
- <el-input v-model="rForm.payType" placeholder="支付方式" disabled maxlength="100" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="实付金额" prop="payAmount" style="width: 450px">
|
|
|
- <el-input
|
|
|
- v-model="rForm.payAmount"
|
|
|
- placeholder="订单实付金额"
|
|
|
- disabled
|
|
|
- maxlength="100"
|
|
|
- >
|
|
|
- <template slot="prepend">￥</template>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="退款金额" prop="refundAmount" style="width: 450px">
|
|
|
- <el-input v-model="rForm.refundAmount" placeholder="请输入退款金额"></el-input>
|
|
|
- <div class="form-tips">( 提示：单位元 )</div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="退款备注" prop="remark">
|
|
|
- <el-input
|
|
|
- v-model="rForm.remark"
|
|
|
- type="textarea"
|
|
|
- placeholder="请输入退款备注"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- <div slot="footer" class="dialog-footer">
|
|
|
- <el-button type="primary" @click="submitRForm">确定</el-button>
|
|
|
- <el-button @click="cancelRForm">取消</el-button>
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
- <!-- 退款对话框 end -->
|
|
|
+ <!-- 退款对话框 start -->
|
|
|
+ <el-dialog
|
|
|
+ :title="$t('orderList.orderRefund')"
|
|
|
+ :visible.sync="openRefundDialog"
|
|
|
+ class="common-dialog"
|
|
|
+ width="700px"
|
|
|
+ append-to-body
|
|
|
+ >
|
|
|
+ <el-form ref="rForm" :model="rForm" :rules="rFormRules" label-width="120px">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="$t('orderList.orderNumber')" prop="orderSn" style="width: 450px">
|
|
|
+ <el-input v-model="rForm.orderSn" :placeholder="$t('orderList.orderNumber')" disabled maxlength="100" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="$t('orderList.paymentMethod')" prop="payType" style="width: 450px">
|
|
|
+ <el-input v-model="rForm.payType" :placeholder="$t('orderList.paymentMethod')" disabled maxlength="100" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="$t('orderList.actualPaymentAmount')" prop="payAmount" style="width: 450px">
|
|
|
+ <el-input
|
|
|
+ v-model="rForm.payAmount"
|
|
|
+ :placeholder="$t('orderList.actualPaymentAmountForOrder')"
|
|
|
+ disabled
|
|
|
+ maxlength="100"
|
|
|
+ >
|
|
|
+ <template slot="prepend">￥</template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="$t('orderList.refundAmount')" prop="refundAmount" style="width: 450px">
|
|
|
+ <el-input v-model="rForm.refundAmount" :placeholder="$t('orderList.pleaseEnterRefundAmount')"></el-input>
|
|
|
+ <div class="form-tips">{{ $t('orderList.tipUnitYuan') }}</div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="$t('orderList.refundRemark')" prop="remark">
|
|
|
+ <el-input
|
|
|
+ v-model="rForm.remark"
|
|
|
+ type="textarea"
|
|
|
+ :placeholder="$t('orderList.pleaseEnterRefundRemark')"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitRForm">{{ $t('orderList.confirm') }}</el-button>
|
|
|
+ <el-button @click="cancelRForm">{{ $t('orderList.cancel') }}</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 退款对话框 end -->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
