|
|
@@ -1,49 +1,49 @@
|
|
|
<template>
|
|
|
<div class="order-container">
|
|
|
<el-form class="search-form" :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
- <!-- <el-form-item label="会员ID" prop="name">
|
|
|
+ <!-- <el-form-item :label="$t('hui-yuan-ID')" prop="name">
|
|
|
<el-input
|
|
|
v-model="queryParams.userId"
|
|
|
- placeholder="请输入会员ID"
|
|
|
+ :placeholder="$t('qing-shu-ru-hui-yuan-ID')"
|
|
|
clearable
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="手机号" prop="mobile">
|
|
|
+ <el-form-item :label="$t('shou-ji-hao')" prop="mobile">
|
|
|
<el-input
|
|
|
v-model="queryParams.mobile"
|
|
|
- placeholder="请输入会员手机号"
|
|
|
+ :placeholder="$t('qing-shu-ru-hui-yuan-shou-ji-hao')"
|
|
|
clearable
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
/>
|
|
|
</el-form-item> -->
|
|
|
- <el-form-item label="订单号" prop="orderSn">
|
|
|
+ <el-form-item :label="$t('ding-dan-hao')" prop="orderSn">
|
|
|
<el-input
|
|
|
v-model="queryParams.orderSn"
|
|
|
- placeholder="请输入订单号"
|
|
|
+ :placeholder="$t('qing-shu-ru-ding-dan-hao')"
|
|
|
clearable
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="桌码" prop="tableCode">
|
|
|
+ <el-form-item :label="$t('zhuo-ma')" prop="tableCode">
|
|
|
<el-input
|
|
|
v-model="queryParams.tableCode"
|
|
|
- placeholder="请输入桌码"
|
|
|
+ :placeholder="$t('qing-shu-ru-zhuo-ma')"
|
|
|
clearable
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <!-- <el-form-item label="订单类型" prop="type">
|
|
|
+ <!-- <el-form-item :label="$t('ding-dan-lei-xing')" prop="type">
|
|
|
<el-select
|
|
|
v-model="queryParams.type"
|
|
|
clearable
|
|
|
- placeholder="订单类型"
|
|
|
+ :placeholder="$t('ding-dan-lei-xing')"
|
|
|
>
|
|
|
<el-option v-for="orderType in typeList" :key="orderType.key" :label="orderType.name" :value="orderType.value"/>
|
|
|
</el-select>
|
|
|
</el-form-item> -->
|
|
|
- <!-- <el-form-item label="所属店铺" prop="storeIds">
|
|
|
- <el-select v-model="storeIds" multiple filterable clearable placeholder="请选择店铺" style="width: 100%;">
|
|
|
+ <!-- <el-form-item :label="$t('suo-shu-dian-pu')" prop="storeIds">
|
|
|
+ <el-select v-model="storeIds" multiple filterable clearable :placeholder="$t('qing-xuan-ze-dian-pu')" style="width: 100%;">
|
|
|
<el-option
|
|
|
v-for="item in storeList"
|
|
|
:key="item.id"
|
|
|
@@ -52,121 +52,125 @@
|
|
|
></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item> -->
|
|
|
- <el-form-item label="订单状态" prop="status">
|
|
|
+ <el-form-item :label="$t('ding-dan-zhuang-tai')" prop="status">
|
|
|
<el-select
|
|
|
v-model="queryParams.status"
|
|
|
- placeholder="请选择订单状态"
|
|
|
+ :placeholder="$t('qing-xuan-ze-ding-dan-zhuang-tai')"
|
|
|
clearable
|
|
|
>
|
|
|
<el-option v-for="statusItem in statusList" :key="statusItem.key+''" :label="statusItem.name" :value="statusItem.key+''"/>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="支付状态" prop="payStatus">
|
|
|
+ <el-form-item :label="$t('zhi-fu-zhuang-tai')" prop="payStatus">
|
|
|
<el-select
|
|
|
v-model="queryParams.payStatus"
|
|
|
- placeholder="支付状态"
|
|
|
+ :placeholder="$t('zhi-fu-zhuang-tai')"
|
|
|
clearable
|
|
|
>
|
|
|
<el-option v-for="statusItem in payStatusList" :key="statusItem.key+''" :label="statusItem.name" :value="statusItem.key+''"/>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <!-- <el-form-item label="配送方式">
|
|
|
+ <!-- <el-form-item :label="$t('pei-song-fang-shi')">
|
|
|
<el-select
|
|
|
v-model="queryParams.orderMode"
|
|
|
- placeholder="配送方式"
|
|
|
+ :placeholder="$t('pei-song-fang-shi')"
|
|
|
clearable
|
|
|
>
|
|
|
<el-option v-for="item in orderModeList" :key="item.key+''" :label="item.name" :value="item.key+''"/>
|
|
|
</el-select>
|
|
|
</el-form-item> -->
|
|
|
<el-form-item>
|
|
|
- <el-button type="primary" class="main-button-middle" icon="el-icon-search" @click="handleQuery">查询</el-button>
|
|
|
- <el-button icon="el-icon-refresh" class="main-button-middle main-button-reset" @click="resetQuery">重置</el-button>
|
|
|
+ <el-button type="primary" class="main-button-middle" icon="el-icon-search" @click="handleQuery">
|
|
|
+ {{ $t('cha-xun') }}
|
|
|
+ </el-button>
|
|
|
+ <el-button icon="el-icon-refresh" class="main-button-middle main-button-reset" @click="resetQuery">
|
|
|
+ {{ $t('chong-zhi') }}
|
|
|
+ </el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<el-table ref="tables" v-loading="loading" :data="list" border style="width: 100%;" fit height="100%" show-overflow-tooltip @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="handleSortChange">
|
|
|
- <el-table-column label="ID" prop="id" width="80"/>
|
|
|
- <el-table-column label="订单号" align="center" width="190" prop="orderSn">
|
|
|
+ <el-table-column :label="$t('ID')" prop="id" width="80"/>
|
|
|
+ <el-table-column :label="$t('ding-dan-hao')" align="center" width="190" prop="orderSn">
|
|
|
<template slot-scope="scope">
|
|
|
<span @click="handleView(scope.row)" style="color: #00afff;cursor: pointer;">{{ scope.row.orderSn }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="桌码" align="center" width="100" prop="tableInfo.code">
|
|
|
+ <el-table-column :label="$t('zhuo-ma')" align="center" width="100" 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="orderInfo.name">
|
|
|
+ <!-- <el-table-column :label="$t('hui-yuan-ming-cheng')" align="center" prop="orderInfo.name">
|
|
|
<template slot-scope="scope">
|
|
|
<span v-if="scope.row.userInfo && scope.row.isVisitor == 'N'">
|
|
|
<span>{{ scope.row.userInfo.name }}</span>
|
|
|
</span>
|
|
|
- <span v-else>游客</span>
|
|
|
+ <span v-else>{{ $t('you-ke') }}</span>
|
|
|
</template>
|
|
|
</el-table-column> -->
|
|
|
- <el-table-column label="订单类型" align="center" prop="typeName">
|
|
|
+ <el-table-column :label="$t('ding-dan-lei-xing')" align="center" prop="typeName">
|
|
|
<template slot-scope="scope">
|
|
|
<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('suo-shu-dian-pu')" 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" prop="amount">
|
|
|
+ <el-table-column :label="$t('zong-jin-e')" 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="$t('zhi-fu-zhuang-tai')" 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('ding-dan-zhuang-tai')" 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="$t('pei-song-fang-shi')" 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('sheng-cheng-shi-jian')" 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('zhi-fu-jin-e')" align="center" prop="payAmount">
|
|
|
<template slot-scope="scope">
|
|
|
<span v-if="true">{{ scope.row.payAmount.toFixed(2) }}</span>
|
|
|
<span v-else>0.00</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="优惠金额" align="center" prop="discount">
|
|
|
+ <el-table-column :label="$t('you-hui-jin-e')" align="center" prop="discount">
|
|
|
<template slot-scope="scope">
|
|
|
<span v-if="true">{{ scope.row.discount.toFixed(2) }}</span>
|
|
|
<span v-else>0.00</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <!-- <el-table-column label="积分金额" align="center" prop="pointAmount">
|
|
|
+ <!-- <el-table-column :label="$t('ji-fen-jin-e')" align="center" prop="pointAmount">
|
|
|
<template slot-scope="scope">
|
|
|
<span v-if="true">{{ scope.row.pointAmount.toFixed(2) }}</span>
|
|
|
<span v-else>0.00</span>
|
|
|
</template>
|
|
|
</el-table-column> -->
|
|
|
- <el-table-column label="更新时间" align="center" width="130" prop="updateTime">
|
|
|
+ <el-table-column :label="$t('geng-xin-shi-jian')" 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="138" fixed='right'>
|
|
|
+ <el-table-column :label="$t('cao-zuo')" align="left" width="138" fixed='right'>
|
|
|
<template slot-scope="scope">
|
|
|
<el-button
|
|
|
size="mini"
|
|
|
@@ -174,7 +178,9 @@
|
|
|
class="main-text"
|
|
|
v-hasPermi="['cashier:index']"
|
|
|
@click="handleUpdate(scope.row)"
|
|
|
- >修改</el-button>
|
|
|
+ >
|
|
|
+ {{ $t('xiu-gai') }}
|
|
|
+ </el-button>
|
|
|
<el-button
|
|
|
v-if="scope.row.orderMode == 'express'"
|
|
|
size="mini"
|
|
|
@@ -182,7 +188,9 @@
|
|
|
class="main-text"
|
|
|
v-hasPermi="['cashier:index']"
|
|
|
@click="handleExpress(scope.row)"
|
|
|
- >发货</el-button>
|
|
|
+ >
|
|
|
+ {{ $t('fa-huo') }}
|
|
|
+ </el-button>
|
|
|
<!-- <el-button
|
|
|
v-if="scope.row.orderMode == 'oneself'"
|
|
|
type="text"
|
|
|
@@ -191,17 +199,29 @@
|
|
|
v-hasPermi="['cashier:index']"
|
|
|
:disabled="scope.row.isVerify == true"
|
|
|
@click="handleVerify(scope.row)"
|
|
|
- >核销</el-button> -->
|
|
|
+ >
|
|
|
+ {{ $t('he-xiao') }}
|
|
|
+ </el-button> -->
|
|
|
<el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['order:edit', 'order:delete']">
|
|
|
<span class="el-dropdown-link">
|
|
|
- <i class="el-icon-d-arrow-right el-icon--right"></i>更多
|
|
|
+ <i class="el-icon-d-arrow-right el-icon--right"></i>{{ $t('geng-duo') }}
|
|
|
</span>
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
- <el-dropdown-item command="handleView" icon="el-icon-view" v-hasPermi="['cashier:index']">查看详情</el-dropdown-item>
|
|
|
- <el-dropdown-item command="handlePrint" icon="el-icon-printer" v-hasPermi="['cashier:index']">打印小票</el-dropdown-item>
|
|
|
- <!-- <el-dropdown-item command="handlePay" v-if="scope.row.payStatus != 'B'" icon="el-icon-wallet" v-hasPermi="['cashier:index']">发起支付</el-dropdown-item> -->
|
|
|
- <!-- <el-dropdown-item v-if="scope.row.payStatus == 'B'" command="handleRefund" icon="el-icon-s-order" v-hasPermi="['cashier:index']">立即退款</el-dropdown-item> -->
|
|
|
- <!-- <el-dropdown-item v-if="scope.row.payStatus != 'B'" command="handleDelete" icon="el-icon-remove" v-hasPermi="['cashier:index']">删除订单</el-dropdown-item> -->
|
|
|
+ <el-dropdown-item command="handleView" icon="el-icon-view" v-hasPermi="['cashier:index']">
|
|
|
+ {{ $t('cha-kan-xiang-qing') }}
|
|
|
+ </el-dropdown-item>
|
|
|
+ <el-dropdown-item command="handlePrint" icon="el-icon-printer" v-hasPermi="['cashier:index']">
|
|
|
+ {{ $t('da-yin-xiao-piao') }}
|
|
|
+ </el-dropdown-item>
|
|
|
+ <!-- <el-dropdown-item command="handlePay" v-if="scope.row.payStatus != 'B'" icon="el-icon-wallet" v-hasPermi="['cashier:index']">
|
|
|
+ {{ $t('fa-qi-zhi-fu') }}
|
|
|
+ </el-dropdown-item> -->
|
|
|
+ <!-- <el-dropdown-item v-if="scope.row.payStatus == 'B'" command="handleRefund" icon="el-icon-s-order" v-hasPermi="['cashier:index']">
|
|
|
+ {{ $t('li-ji-tui-kuan') }}
|
|
|
+ </el-dropdown-item> -->
|
|
|
+ <!-- <el-dropdown-item v-if="scope.row.payStatus != 'B'" command="handleDelete" icon="el-icon-remove" v-hasPermi="['cashier:index']">
|
|
|
+ {{ $t('shan-chu-ding-dan') }}
|
|
|
+ </el-dropdown-item> -->
|
|
|
</el-dropdown-menu>
|
|
|
</el-dropdown>
|
|
|
</template>
|
|
|
@@ -218,19 +238,80 @@
|
|
|
/>
|
|
|
|
|
|
<!-- 修改对话框 start-->
|
|
|
+ <el-dialog :title="$t('xiu-gai-ding-dan')" :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('ding-dan-hao')" prop="orderSn">
|
|
|
+ <el-input v-model="form.orderSn" :placeholder="$t('ding-dan-hao')" 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="$t('ding-dan-mo-shi')" prop="orderMode">
|
|
|
+ <el-select v-model="form.orderMode" :placeholder="$t('ding-dan-mo-shi')">
|
|
|
+ <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="$t('ding-dan-zong-jin-e')" prop="amount">
|
|
|
+ <el-input v-model="form.amount" :placeholder="$t('qing-shu-ru-ding-dan-zong-jin-e')" maxlength="100" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="$t('you-hui-jin-e')" prop="discount">
|
|
|
+ <el-input v-model="form.discount" :placeholder="$t('qing-shu-ru-you-hui-jin-e')" maxlength="100" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="$t('ding-dan-bei-zhu')" prop="remark">
|
|
|
+ <el-input v-model="form.remark" type="textarea" :placeholder="$t('qing-shu-ru-ding-dan-bei-zhu')"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="$t('ding-dan-zhuang-tai')">
|
|
|
+ <el-select v-model="form.status" :placeholder="$t('ding-dan-zhuang-tai')">
|
|
|
+ <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" class="main-button" @click="submitForm">
|
|
|
+ {{ $t('que-ding') }}
|
|
|
+ </el-button>
|
|
|
+ <el-button @click="cancel">
|
|
|
+ {{ $t('qu-xiao') }}
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 修改对话框 end-->
|
|
|
+
|
|
|
+ <!-- 修改对话框 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 :label="$t('ding-dan-hao')" prop="orderSn">
|
|
|
+ <el-input v-model="form.orderSn" :placeholder="$t('ding-dan-hao')" 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-form-item :label="$t('ding-dan-mo-shi')" prop="orderMode">
|
|
|
+ <el-select v-model="form.orderMode" :placeholder="$t('ding-dan-mo-shi')">
|
|
|
<el-option v-for="item in orderModeList" :key="item.key+''" :label="item.name" :value="item.key+''"/>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
@@ -238,29 +319,29 @@
|
|
|
</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 :label="$t('ding-dan-zong-jin-e')" prop="amount">
|
|
|
+ <el-input v-model="form.amount" :placeholder="$t('qing-shu-ru-ding-dan-zong-jin-e')" 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 :label="$t('you-hui-jin-e')" prop="discount">
|
|
|
+ <el-input v-model="form.discount" :placeholder="$t('qing-shu-ru-you-hui-jin-e')" 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 :label="$t('ding-dan-bei-zhu')" prop="remark">
|
|
|
+ <el-input v-model="form.remark" type="textarea" :placeholder="$t('qing-shu-ru-ding-dan-bei-zhu')"></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-form-item :label="$t('ding-dan-zhuang-tai')">
|
|
|
+ <el-select v-model="form.status" :placeholder="$t('ding-dan-zhuang-tai')">
|
|
|
<el-option v-for="statusItem in statusList" :key="statusItem.key+''" :label="statusItem.name" :value="statusItem.key+''"/>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
@@ -268,123 +349,123 @@
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
- <el-button type="primary" class="main-button" @click="submitForm">确 定</el-button>
|
|
|
- <el-button @click="cancel">取 消</el-button>
|
|
|
+ <el-button type="primary" class="main-button" @click="submitForm">{{ $t('que-ding') }}</el-button>
|
|
|
+ <el-button @click="cancel">{{ $t('qu-xiao') }}</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
<!-- 修改对话框 end-->
|
|
|
|
|
|
<!-- 核销对话框 start-->
|
|
|
- <el-dialog title="核销订单" :visible.sync="openVerify" class="common-dialog" width="700px" append-to-body>
|
|
|
+ <el-dialog :title="$t('he-xiao-ding-dan')" :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 :label="$t('ding-dan-hao')" prop="orderSn">
|
|
|
+ <el-input v-model="vForm.orderSn" :placeholder="$t('ding-dan-hao')" 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-form-item :label="$t('he-xiao-ma')" prop="verifyCode">
|
|
|
+ <el-input v-model="vForm.verifyCode" :placeholder="$t('qing-shu-ru-ding-dan-he-xiao-ma')" 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="vForm.remark" type="textarea" placeholder="请输入订单备注"></el-input>
|
|
|
+ <el-form-item :label="$t('ding-dan-bei-zhu')" prop="remark">
|
|
|
+ <el-input v-model="vForm.remark" type="textarea" :placeholder="$t('qing-shu-ru-ding-dan-bei-zhu')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
- <el-button type="primary" class="main-button" @click="submitVForm">确定核销</el-button>
|
|
|
- <el-button @click="cancelVForm">取 消</el-button>
|
|
|
+ <el-button type="primary" class="main-button" @click="submitVForm">{{ $t('que-ding-he-xiao') }}</el-button>
|
|
|
+ <el-button @click="cancelVForm">{{ $t('qu-xiao') }}</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
<!-- 核销对话框 end-->
|
|
|
|
|
|
<!-- 发货对话框 start-->
|
|
|
- <el-dialog title="填写物流信息" :visible.sync="openExpress" class="common-dialog" width="700px" append-to-body>
|
|
|
+ <el-dialog :title="$t('tian-xie-wu-liu-xin-xi')" :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 :label="$t('ding-dan-hao')" prop="orderSn">
|
|
|
+ <el-input v-model="eForm.orderSn" :placeholder="$t('ding-dan-hao')" 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-model="eForm.expressCompany" placeholder="请输入物流公司" maxlength="100" />
|
|
|
+ <el-form-item :label="$t('wu-liu-gong-si')" prop="expressCompany">
|
|
|
+ <el-input v-model="eForm.expressCompany" :placeholder="$t('qing-shu-ru-wu-liu-gong-si')" maxlength="100" />
|
|
|
</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 :label="$t('wu-liu-dan-hao')" prop="expressNo">
|
|
|
+ <el-input v-model="eForm.expressNo" :placeholder="$t('qing-shu-ru-wu-liu-dan-hao')"></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>
|
|
|
+ <el-button type="primary" @click="submitEForm">{{ $t('ti-jiao-wu-liu-xin-xi') }}</el-button>
|
|
|
+ <el-button @click="cancelEForm">{{ $t('qu-xiao') }}</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
- <!-- 核销对话框 end-->
|
|
|
+ <!-- 发货对话框 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-dialog :title="$t('ding-dan-tui-kuan')" :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 :label="$t('ding-dan-hao')" prop="orderSn" style="width:450px;">
|
|
|
+ <el-input v-model="rForm.orderSn" :placeholder="$t('ding-dan-hao')" 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 :label="$t('zhi-fu-fang-shi')" prop="payType" style="width:450px;">
|
|
|
+ <el-input v-model="rForm.payType" :placeholder="$t('zhi-fu-fang-shi')" 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" />
|
|
|
+ <el-form-item :label="$t('ding-dan-shi-fu-jin-e')" prop="payAmount" style="width:450px;">
|
|
|
+ <el-input v-model="'￥' + rForm.payAmount" :placeholder="$t('ding-dan-shi-fu-jin-e')" disabled maxlength="100" />
|
|
|
</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 :label="$t('tui-kuan-jin-e')" prop="refundAmount" style="width:450px;">
|
|
|
+ <el-input v-model="rForm.refundAmount" :placeholder="$t('qing-shu-ru-tui-kuan-jin-e')"></el-input>
|
|
|
+ <div class="form-tips">{{ $t('tui-kuan-jin-e-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 :label="$t('tui-kuan-bei-zhu')" prop="remark">
|
|
|
+ <el-input v-model="rForm.remark" type="textarea" :placeholder="$t('qing-shu-ru-tui-kuan-bei-zhu')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
- <el-button type="primary" class="main-button" @click="submitRForm">确 定</el-button>
|
|
|
- <el-button @click="cancelRForm">取 消</el-button>
|
|
|
+ <el-button type="primary" class="main-button" @click="submitRForm">{{ $t('que-ding') }}</el-button>
|
|
|
+ <el-button @click="cancelRForm">{{ $t('qu-xiao') }}</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
<!-- 退款对话框 end -->
|
|
|
@@ -392,7 +473,7 @@
|
|
|
<!--订单详情对话框 start-->
|
|
|
<orderDetail :show-dialog="openOrderDetailDialog" :order-id="orderInfo ? orderInfo.id+'' : 0" @closeDialog="closeOrderDialog"/>
|
|
|
<!--订单详情对话框 end-->
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
@@ -472,31 +553,31 @@ export default {
|
|
|
storeIds: ''
|
|
|
},
|
|
|
// 表单校验
|
|
|
- rules: {
|
|
|
- amount: [
|
|
|
- { required: true, message: "总金额不能为空", trigger: "blur" },
|
|
|
- ]
|
|
|
- },
|
|
|
- // 核销表单校验
|
|
|
- vFormRules: {
|
|
|
- verifyCode: [
|
|
|
- { required: true, message: "核销码不能为空", trigger: "blur" },
|
|
|
- ]
|
|
|
- },
|
|
|
- eFormRules: {
|
|
|
- expressCompany: [
|
|
|
- { required: true, message: "物流公司不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
- expressNo: [
|
|
|
- { required: true, message: "物流单号不能为空", trigger: "blur" },
|
|
|
- ]
|
|
|
- },
|
|
|
- rFormRules: {
|
|
|
- refundAmount: [
|
|
|
- { required: true, message: "退款金额不能为空", trigger: "blur" },
|
|
|
- { pattern: /((^[1-9]\d*)|^0)(\.\d{0,2}){0,1}$/, message: `请输入正确的退款金额`, trigger: 'blur' }
|
|
|
- ]
|
|
|
- }
|
|
|
+rules: {
|
|
|
+ amount: [
|
|
|
+ { required: true, message: this.$t("zong-jin-e-bu-neng-wei-kong"), trigger: "blur" },
|
|
|
+ ]
|
|
|
+},
|
|
|
+// 核销表单校验
|
|
|
+vFormRules: {
|
|
|
+ verifyCode: [
|
|
|
+ { required: true, message: this.$t("he-xiao-ma-bu-neng-wei-kong"), trigger: "blur" },
|
|
|
+ ]
|
|
|
+},
|
|
|
+eFormRules: {
|
|
|
+ expressCompany: [
|
|
|
+ { required: true, message: this.$t("wu-liu-gong-si-bu-neng-wei-kong"), trigger: "blur" },
|
|
|
+ ],
|
|
|
+ expressNo: [
|
|
|
+ { required: true, message: this.$t("wu-liu-dan-hao-bu-neng-wei-kong"), trigger: "blur" },
|
|
|
+ ]
|
|
|
+},
|
|
|
+rFormRules: {
|
|
|
+ refundAmount: [
|
|
|
+ { required: true, message: this.$t("tui-kuan-jin-e-bu-neng-wei-kong"), trigger: "blur" },
|
|
|
+ { pattern: /((^[1-9]\d*)|^0)(\.\d{0,2}){0,1}$/, message: this.$t("qing-shu-ru-zheng-que-de-tui-kuan-jin-e"), trigger: 'blur' }
|
|
|
+ ]
|
|
|
+}
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
@@ -543,18 +624,21 @@ export default {
|
|
|
},
|
|
|
// 状态修改
|
|
|
handleStatusChange(row) {
|
|
|
- let text = row.status == "A" ? "启用" : "禁用";
|
|
|
- this.$confirm('确认要' + text + '"' + row.orderSn + '"吗？').then(function() {
|
|
|
- return updateOrderStatus(row.id, row.status);
|
|
|
- }).then(() => {
|
|
|
- Message({
|
|
|
- message: text + "成功",
|
|
|
- type: "success"
|
|
|
+ let text = row.status === "A" ? this.$t('qi-yong') : this.$t('jin-yong');
|
|
|
+ this.$confirm(this.$t('que-ren-yao') + text + '"' + row.orderSn + '"' + this.$t('ma') + '？')
|
|
|
+ .then(() => {
|
|
|
+ return updateOrderStatus(row.id, row.status);
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.$message({
|
|
|
+ message: text + this.$t('cheng-gong'),
|
|
|
+ type: "success"
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ row.status = row.status === "N" ? "A" : "N";
|
|
|
});
|
|
|
- }).catch(function() {
|
|
|
- row.status = row.status === "N" ? "A" : "N";
|
|
|
- });
|
|
|
- },
|
|
|
+},
|
|
|
// 多选框选中数据
|
|
|
handleSelectionChange(selection) {
|
|
|
this.ids = selection.map(item => item.id)
|
|
|
@@ -597,7 +681,7 @@ export default {
|
|
|
if (valid) {
|
|
|
verifyOrder(this.vForm).then(response => {
|
|
|
Message({
|
|
|
- message: "提示：核销成功",
|
|
|
+ message: this.$t('ti-shi-he-xiao-cheng-gong'),
|
|
|
type: "success"
|
|
|
});
|
|
|
this.cancelVForm();
|
|
|
@@ -614,7 +698,7 @@ export default {
|
|
|
if (valid) {
|
|
|
saveOrder(this.form).then(response => {
|
|
|
Message({
|
|
|
- message: "提示：修改成功",
|
|
|
+ message: this.$t('ti-shi-xiu-gai-cheng-gong'),
|
|
|
type: "success"
|
|
|
});
|
|
|
this.open = false;
|
|
|
@@ -648,7 +732,7 @@ export default {
|
|
|
app.form.orderMode = orderInfo.orderMode+"";
|
|
|
}
|
|
|
this.open = true;
|
|
|
- this.title = "修改订单";
|
|
|
+ this.title = this.$t('xiu-gai-ding-dan');
|
|
|
}).catch(() => {
|
|
|
// empty
|
|
|
});
|
|
|
@@ -698,14 +782,14 @@ export default {
|
|
|
submitEForm: function() {
|
|
|
const app = this;
|
|
|
if (app.loading) {
|
|
|
- app.$alert("请求处理中...");
|
|
|
+ app.$alert(this.$t('qing-qiu-chu-li-zhong'));
|
|
|
}
|
|
|
app.$refs["eForm"].validate(valid => {
|
|
|
if (valid) {
|
|
|
app.loading = true;
|
|
|
delivered(this.eForm).then(response => {
|
|
|
Message({
|
|
|
- message: "提示：提交物流信息成功",
|
|
|
+ message: this.$t('ti-shi-ti-jiao-wu-liu-xin-xi-cheng-gong'),
|
|
|
type: "success"
|
|
|
});
|
|
|
app.cancelEForm();
|
|
|
@@ -726,43 +810,46 @@ export default {
|
|
|
this.rForm.remark = '';
|
|
|
},
|
|
|
// 提交退款按钮
|
|
|
- submitRForm: function() {
|
|
|
- const app = this;
|
|
|
- if (app.loading) {
|
|
|
- app.$alert("请求处理中...");
|
|
|
- }
|
|
|
- if (parseFloat(app.rForm.refundAmount) > parseFloat(app.rForm.amount)) {
|
|
|
- app.$alert("退款金额不能大于订单总金额");
|
|
|
- return false;
|
|
|
- }
|
|
|
- app.$refs["rForm"].validate(valid => {
|
|
|
+submitRForm: function() {
|
|
|
+ const app = this;
|
|
|
+ if (app.loading) {
|
|
|
+ app.$alert(this.$t('qing-qiu-chu-li-zhong'));
|
|
|
+ }
|
|
|
+ if (parseFloat(app.rForm.refundAmount) > parseFloat(app.rForm.amount)) {
|
|
|
+ app.$alert(this.$t('tui-kuan-jin-e-bu-neng-da-yu-ding-dan-zong-jin-e'));
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ app.$refs["rForm"].validate(valid => {
|
|
|
if (valid) {
|
|
|
- app.loading = true;
|
|
|
- doRefund(app.rForm).then(response => {
|
|
|
- Message({
|
|
|
- message: "提示：提交退款成功",
|
|
|
- type: "success"
|
|
|
+ app.loading = true;
|
|
|
+ doRefund(app.rForm).then(response => {
|
|
|
+ this.$message({
|
|
|
+ message: this.$t('ti-shi-tui-jiao-tui-kuan-cheng-gong'),
|
|
|
+ type: "success"
|
|
|
+ });
|
|
|
+ app.cancelRForm();
|
|
|
+ app.getList();
|
|
|
+ app.loading = false;
|
|
|
});
|
|
|
- app.cancelRForm();
|
|
|
- app.getList();
|
|
|
- app.loading = false;
|
|
|
- });
|
|
|
}
|
|
|
- });
|
|
|
- },
|
|
|
- // 删除按钮操作
|
|
|
- handleDelete(row) {
|
|
|
- const orderSn = row.orderSn;
|
|
|
- this.$confirm('是否确认删除订单号为"' + orderSn + '"的数据项？').then(function() {
|
|
|
- return deleteOrder(row.id);
|
|
|
- }).then(() => {
|
|
|
- this.getList();
|
|
|
- Message({
|
|
|
- message: "提示：删除成功",
|
|
|
- type: "success"
|
|
|
- });
|
|
|
- }).catch(() => {});
|
|
|
- },
|
|
|
+ });
|
|
|
+},
|
|
|
+// 删除按钮操作
|
|
|
+handleDelete(row) {
|
|
|
+ const orderSn = row.orderSn;
|
|
|
+ this.$confirm(this.$t('shi-fou-que-ren-shan-chu-ding-dan-hao-wei') + '"' + orderSn + '"' + this.$t('de-shu-ju-xiang') + '？')
|
|
|
+ .then(() => {
|
|
|
+ return deleteOrder(row.id);
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.getList();
|
|
|
+ this.$message({
|
|
|
+ message: this.$t('ti-shi-shan-chu-cheng-gong'),
|
|
|
+ type: "success"
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch(() => {});
|
|
|
+},
|
|
|
// 打印小票
|
|
|
handlePrint(row) {
|
|
|
const app = this;
|
