Преглед на файлове

feat:添加订单管理/订单列表的i18n(英语,中文)

Mcal преди 1 седмица
родител
ревизия
558e288747
променени са 4 файла, в които са добавени 474 реда и са изтрити 329 реда
  1. 95 17
      src/locales/en.json
  2. 89 9
      src/locales/zh.json
  3. 27 27
      src/views/order/detail.vue
  4. 263 276
      src/views/order/index.vue

+ 95 - 17
src/locales/en.json

@@ -1,21 +1,99 @@
 {
-    "lang":"English",
-    "curency":"Dollar",
-    "search":"Search",
-    "reset":"Reset",
-    "phone":"Phone",
-    "contact":"Contact",
+  "lang": "English",
+  "curency": "Dollar",
+  "search": "Search",
+  "reset": "Reset",
+  "phone": "Phone",
+  "contact": "Contact",
 
-    "nav.setLayout": "Set Layout",
-    "nav.logout": "Logout",
+  "nav.setLayout": "Set Layout",
+  "nav.logout": "Logout",
 
-    "operational.overview":"Operational Overview",
-    "today.revenue":"Today's Revenue",
+  "operational.overview": "Operational Overview",
+  "today.revenue": "Today's Revenue",
 
-    "store.list.storeName":"Store Name",
-    "store.list.storeStatus":"Status",
-    "store.list.addStore":"Add Store",
-    "store.list.belongTo":"Belong To"
-    
-    
-  }
+  "store.list.storeName": "Store Name",
+  "store.list.storeStatus": "Status",
+  "store.list.addStore": "Add Store",
+  "store.list.belongTo": "Belong To",
+  "orderList": {
+    "orderNumber": "Order Number",
+    "pleaseEnterOrderNumber": "Please enter the order number",
+    "tableCode": "Table Code",
+    "pleaseEnterTableCode": "Please enter the table code",
+    "orderStatus": "Order Status",
+    "pleaseSelectOrderStatus": "Please select the order status",
+    "paymentStatus": "Payment Status",
+    "orderTime": "Order Time",
+    "startTime": "Start Time",
+    "endTime": "End Time",
+    "query": "Query",
+    "export": "Export",
+    "reset": "Reset",
+    "orderID": "Order ID",
+    "storeName": "Store Name",
+    "totalAmount": "Total Amount",
+    "paymentAmount": "Payment Amount",
+    "staffName": "Staff Name",
+    "updateTime": "Update Time",
+    "operation": "Operation",
+    "modify": "Modify",
+    "viewDetails": "View Details",
+    "orderNumber": "Order Number",
+    "totalOrderAmount": "Total Order Amount",
+    "pleaseEnterTotalOrderAmount": "Please enter the total order amount",
+    "discountAmount": "Discount Amount",
+    "pleaseEnterDiscountAmount": "Please enter the discount amount",
+    "orderRemark": "Order Remark",
+    "pleaseEnterOrderRemark": "Please enter the order remark",
+    "orderStatus": "Order Status",
+    "confirm": "Confirm",
+    "cancel": "Cancel",
+    "verifyOrder": "Verify Order",
+    "verificationCode": "Verification Code",
+    "pleaseEnterVerificationCode": "Please enter the order verification code, which can be obtained from the order details on the member side",
+    "confirmVerification": "Confirm Verification",
+    "fillLogisticsInfo": "Fill Logistics Information",
+    "orderNumber": "Order Number",
+    "logisticsCompany": "Logistics Company",
+    "pleaseEnterLogisticsCompany": "Please enter the logistics company",
+    "logisticsTrackingNumber": "Logistics Tracking Number",
+    "pleaseEnterLogisticsTrackingNumber": "Please enter the logistics tracking number",
+    "submitLogisticsInfo": "Submit Logistics Information",
+    "orderRefund": "Order Refund",
+    "paymentMethod": "Payment Method",
+    "actualPaymentAmount": "Actual Payment Amount",
+    "actualPaymentAmountForOrder": "Actual Payment Amount for Order",
+    "refundAmount": "Refund Amount",
+    "pleaseEnterRefundAmount": "Please enter the refund amount",
+    "tipUnitYuan": "(Tip: The unit is yuan.)",
+    "refundRemark": "Refund Remark",
+    "pleaseEnterRefundRemark": "Please enter the refund remark",
+    "confirm": "Confirm",
+    "cancel": "Cancel",
+    "detail":{
+      "basicInfo": "Basic Information",
+      "orderNumber": "Order Number",
+      "totalAmount": "Total Amount",
+      "orderStatus": "Order Status",
+      "orderTime": "Order Time",
+      "tableCodeForOrder": "Table Code for Order",
+      "remarkInfo": "Remark Information",
+      "paymentInfo": "Payment Information",
+      "paymentAmount": "Payment Amount",
+      "paymentStatus": "Payment Status",
+      "deductionAmount": "Deduction Amount",
+      "paymentMethod": "Payment Method",
+      "paymentTime": "Payment Time",
+      "usedCoupon": "Used Coupon",
+      "goodsInfo": "Goods Information",
+      "goodsID": "Goods ID",
+      "image": "Image",
+      "name": "Name",
+      "specification": "Specification",
+      "price": "Price",
+      "discountAmountForGoods": "Discount Amount for Goods",
+      "quantity": "Quantity"
+    }
+  }
+}

+ 89 - 9
src/locales/zh.json

@@ -1,13 +1,93 @@
 {
-    "lang":"中文",
-    "curency":"人民币",
+  "lang": "中文",
+  "curency": "人民币",
 
-    "nav.setLayout": "布局设置",
-    "nav.logout": "退出登录",
+  "nav.setLayout": "布局设置",
+  "nav.logout": "退出登录",
 
-    "operational.overview":"运营概况",
-    "today.revenue":"今日营收",
+  "operational.overview": "运营概况",
+  "today.revenue": "今日营收",
 
-    "welcome": "欢迎",
-    "greeting": "你好, {name}!"
-  }
+  "welcome": "欢迎",
+  "greeting": "你好, {name}!",
+  "orderList": {
+    "orderNumber": "订单号",
+    "pleaseEnterOrderNumber": "请输入订单号",
+    "tableCode": "桌码",
+    "pleaseEnterTableCode": "请输入桌码",
+    "orderStatus": "订单状态",
+    "pleaseSelectOrderStatus": "请选择订单状态",
+    "paymentStatus": "支付状态",
+    "orderTime": "下单时间",
+    "startTime": "开始时间",
+    "endTime": "结束时间",
+    "query": "查询",
+    "export": "导出",
+    "reset": "重置",
+    "orderID": "订单ID",
+    "storeName": "所属店铺",
+    "totalAmount": "总金额",
+    "paymentAmount": "支付金额",
+    "staffName": "所属员工",
+    "updateTime": "更新时间",
+    "operation": "操作",
+    "modify": "修改",
+    "viewDetails": "查看详情",
+    "orderNumber": "订单号",
+    "totalOrderAmount": "订单总金额",
+    "pleaseEnterTotalOrderAmount": "请输入订单总金额",
+    "discountAmount": "优惠金额",
+    "pleaseEnterDiscountAmount": "请输入优惠金额",
+    "orderRemark": "订单备注",
+    "pleaseEnterOrderRemark": "请输入订单备注",
+    "orderStatus": "订单状态",
+    "confirm": "确定",
+    "cancel": "取消",
+    "verifyOrder": "核销订单",
+    "verificationCode": "核销码",
+    "pleaseEnterVerificationCode": "请输入订单核销码,从会员端的订单详情获取",
+    "confirmVerification": "确定核销",
+    "fillLogisticsInfo": "填写物流信息",
+    "orderNumber": "订单号",
+    "logisticsCompany": "物流公司",
+    "pleaseEnterLogisticsCompany": "请输入物流公司",
+    "logisticsTrackingNumber": "物流单号",
+    "pleaseEnterLogisticsTrackingNumber": "请输入物流单号",
+    "submitLogisticsInfo": "提交物流信息",
+    "orderRefund": "订单退款",
+    "paymentMethod": "支付方式",
+    "actualPaymentAmount": "实付金额",
+    "actualPaymentAmountForOrder": "订单实付金额",
+    "refundAmount": "退款金额",
+    "pleaseEnterRefundAmount": "请输入退款金额",
+    "tipUnitYuan": "( 提示:单位元 )",
+    "refundRemark": "退款备注",
+    "pleaseEnterRefundRemark": "请输入退款备注",
+    "confirm": "确定",
+    "cancel": "取消",
+    "detail":{
+      "basicInfo": "基础信息",
+      "orderNumber": "订单号",
+      "totalAmount": "总金额",
+      "orderStatus": "订单状态",
+      "orderTime": "订单时间",
+      "tableCodeForOrder": "下单桌码",
+      "remarkInfo": "备注信息",
+      "paymentInfo": "支付信息",
+      "paymentAmount": "支付金额",
+      "paymentStatus": "支付状态",
+      "deductionAmount": "减免金额",
+      "paymentMethod": "支付方式",
+      "paymentTime": "支付时间",
+      "usedCoupon": "使用卡券",
+      "goodsInfo": "商品信息",
+      "goodsID": "商品ID",
+      "image": "图片",
+      "name": "名称",
+      "specification": "规格",
+      "price": "价格",
+      "discountAmountForGoods": "优惠金额",
+      "quantity": "数量"
+    }
+  }
+}

+ 27 - 27
src/views/order/detail.vue

@@ -2,19 +2,19 @@
   <div class="app-container">
     <div class="main-panel">
       <div class="panel">
-        <div class="title">基础信息</div>
+        <div class="title">{{ $t('orderList.detail.basicInfo') }}</div>
         <div class="content">
           <el-row class="row">
             <el-col :span="8">
-              <span class="head">订单号:</span>
+              <span class="head">{{ $t('orderList.detail.orderNumber') }}:</span>
               <span class="control-label">{{ orderInfo.orderSn }}</span>
             </el-col>
             <el-col :span="8">
-              <span class="head">总金额:</span>
+              <span class="head">{{ $t('orderList.detail.totalAmount') }}:</span>
               <span class="control-label">¥{{ orderInfo.amount }}</span>
             </el-col>
             <el-col :span="8">
-              <span class="head">订单状态:</span>
+              <span class="head">{{ $t('orderList.detail.orderStatus') }}:</span>
               <span class="control-label normal-status">{{ orderInfo.statusText }}</span>
             </el-col>
           </el-row>
@@ -24,34 +24,34 @@
               <span class="control-label">{{ orderInfo.typeName }}</span>
             </el-col> -->
             <el-col :span="8">
-              <span class="head">订单时间:</span>
+              <span class="head">{{ $t('orderList.detail.orderTime') }}:</span>
               <span class="control-label">{{ orderInfo.createTime }}</span>
             </el-col>
             <el-col :span="8">
-              <span class="head">下单桌码:</span>
+              <span class="head">{{ $t('orderList.detail.tableCodeForOrder') }}:</span>
               <span class="control-label">
-                {{ orderInfo.tableInfo ? orderInfo.tableInfo.code : '-' }}
+                {{ orderInfo.tableInfo? orderInfo.tableInfo.code : '-' }}
               </span>
             </el-col>
           </el-row>
           <el-row class="row">
             <el-col :span="8">
-              <span class="head">备注信息:</span>
-              <span class="control-label">{{ orderInfo.remark ? orderInfo.remark : '-' }}</span>
+              <span class="head">{{ $t('orderList.detail.remarkInfo') }}:</span>
+              <span class="control-label">{{ orderInfo.remark? orderInfo.remark : '-' }}</span>
             </el-col>
           </el-row>
         </div>
       </div>
       <div class="panel">
-        <div class="title">支付信息</div>
+        <div class="title">{{ $t('orderList.detail.paymentInfo') }}</div>
         <div class="content">
           <el-row class="row">
             <el-col :span="8">
-              <span class="head">支付金额:</span>
+              <span class="head">{{ $t('orderList.detail.paymentAmount') }}:</span>
               <span class="control-label">¥{{ orderInfo.payAmount.toFixed(2) }}</span>
             </el-col>
             <el-col :span="8">
-              <span class="head">支付状态:</span>
+              <span class="head">{{ $t('orderList.detail.paymentStatus') }}:</span>
               <span class="control-label payed-status" v-if="orderInfo.payStatus == 'B'">
                 {{ getName(payStatusList, orderInfo.payStatus) }}
               </span>
@@ -60,26 +60,26 @@
               </span>
             </el-col>
             <el-col :span="8">
-              <span class="head">减免金额:</span>
+              <span class="head">{{ $t('orderList.detail.deductionAmount') }}:</span>
               <span class="control-label">¥{{ orderInfo.discount.toFixed(2) }}</span>
             </el-col>
           </el-row>
           <el-row class="row">
             <el-col :span="8">
-              <span class="head">支付方式:</span>
+              <span class="head">{{ $t('orderList.detail.paymentMethod') }}:</span>
               <span class="control-label">{{ getName(payTypeList, orderInfo.payType) }}</span>
             </el-col>
             <el-col :span="8">
-              <span class="head">支付时间:</span>
-              <span class="control-label">{{ orderInfo.payTime ? orderInfo.payTime : '-' }}</span>
+              <span class="head">{{ $t('orderList.detail.paymentTime') }}:</span>
+              <span class="control-label">{{ orderInfo.payTime? orderInfo.payTime : '-' }}</span>
             </el-col>
             <el-col :span="8">
-              <span class="head">使用卡券:</span>
+              <span class="head">{{ $t('orderList.detail.usedCoupon') }}:</span>
               <span class="control-label">
                 {{
                   orderInfo.couponInfo
-                    ? '¥' + orderInfo.couponInfo.amount + '(' + orderInfo.couponInfo.name + ')'
-                    : '-'
+                   ? '¥' + orderInfo.couponInfo.amount + '(' + orderInfo.couponInfo.name + ')'
+                   : '-'
                 }}
               </span>
             </el-col>
@@ -131,21 +131,21 @@
         </div> -->
 
       <div class="panel">
-        <div class="title">商品信息</div>
+        <div class="title">{{ $t('orderList.detail.goodsInfo') }}</div>
         <div class="content">
           <el-table ref="tables" v-loading="loading" :data="orderInfo.goods">
-            <el-table-column label="商品ID" prop="id" width="66" />
-            <el-table-column label="图片" align="center" prop="name">
+            <el-table-column :label="$t('orderList.detail.goodsID')" prop="id" width="66" />
+            <el-table-column :label="$t('orderList.detail.image')" align="center" prop="name">
               <template slot-scope="scope">
                 <img class="goods-logo" :src="scope.row.image" />
               </template>
             </el-table-column>
-            <el-table-column label="名称" align="left" prop="name">
+            <el-table-column :label="$t('orderList.detail.name')" align="left" prop="name">
               <template slot-scope="scope">
                 <span class="goods-name">{{ scope.row.name }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="规格" align="center">
+            <el-table-column :label="$t('orderList.detail.specification')" align="center">
               <template slot-scope="scope">
                 <span v-if="scope.row.specList">
                   <span class="spec-item" v-for="spec in scope.row.specList">
@@ -155,9 +155,9 @@
                 <span v-else>--</span>
               </template>
             </el-table-column>
-            <el-table-column label="价格" align="center" prop="price" />
-            <el-table-column label="优惠金额" align="center" prop="discount" />
-            <el-table-column label="数量" align="center" prop="num" />
+            <el-table-column :label="$t('orderList.detail.price')" align="center" prop="price" />
+            <el-table-column :label="$t('orderList.detail.discountAmountForGoods')" align="center" prop="discount" />
+            <el-table-column :label="$t('orderList.detail.quantity')" align="center" prop="num" />
           </el-table>
         </div>
       </div>

+ 263 - 276
src/views/order/index.vue

@@ -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>