jsk 线下消费添加支付方式

This commit is contained in:
jiask 2025-11-18 10:16:12 +08:00
parent 191f831685
commit 3527c743e6
1 changed files with 119 additions and 113 deletions

View File

@ -19,13 +19,13 @@
</el-form-item>
<el-form-item label="订单号">
<el-input v-model.number="queryParams.orderId" placeholder="请输入订单号" maxlength="20" clearable style="width: 220px" @input="(v)=>(queryParams.orderId=v.replace(/[^\d]/g,''))"/>
</el-form-item>
</el-form-item>
<!-- <el-form-item label="交易号">
<el-input v-model="queryParams.tradeNo" placeholder="请输入交易号" maxlength="20" clearable style="width: 220px"/>
</el-form-item> -->
<el-form-item label="菜品名称">
<el-input v-model="queryParams.goodsSearchInfo" placeholder="请输入菜品名称" maxlength="20" clearable style="width: 220px"/>
</el-form-item>
</el-form-item>
<el-form-item label="餐次">
<el-select v-model="queryParams.mealtimeTypeList" multiple collapse-tags style="width: 220px" clearable>
<el-option label="早餐" value="1"></el-option>
@ -33,13 +33,13 @@
<el-option label="下午茶" value="3"></el-option>
<el-option label="晚餐" value="4"></el-option>
<el-option label="夜宵" value="5"></el-option>
</el-select>
</el-form-item>
</el-select>
</el-form-item>
<el-form-item label="所属区域" prop="areaId">
<el-cascader v-model="queryParams.areaId"
:options="treeAreaOptions" :filterable="true" style="width: 220px" :show-all-levels="false"
:props="{
:props="{
emitPath: false,// falseid
checkStrictly: false,//
value:'id',label:'label'
@ -53,7 +53,7 @@
:label="item.canteenName"
:value="item.canteenId"
></el-option>
</el-select>
</el-select>
</el-form-item>
<el-form-item label="所属档口" prop="stallId">
<el-select v-model="queryParams.stallId" clearable placeholder="请选择所属档口" style="width: 220px" >
@ -62,80 +62,80 @@
:label="item.stallName"
:value="item.stallId"
></el-option>
</el-select>
</el-form-item>
</el-select>
</el-form-item>
<el-form-item label="订单状态">
<el-select v-model="queryParams.orderStateList" clearable multiple collapse-tags style="width: 220px">
<el-select v-model="queryParams.orderStateList" clearable multiple collapse-tags style="width: 220px">
<el-option
v-for="dict in dict.type.sm_order_status"
:key="dict.value"
:label="dict.label"
:value="Number(dict.value)"
/>
</el-select>
</el-select>
</el-form-item>
<!-- <el-form-item label="支付方式">
<el-select v-model="queryParams.payStateList" clearable multiple collapse-tags style="width: 220px">
<el-select v-model="queryParams.payStateList" clearable multiple collapse-tags style="width: 220px">
<el-option
v-for="dict in dict.type.sm_order_pay_type"
:key="dict.value"
:label="dict.label"
:value="Number(dict.value)"
/>
</el-select>
</el-select>
</el-form-item> -->
<!-- <el-form-item label="用户类别">
<el-select v-model="queryParams.psnType" style="width: 220px" clearable>
<el-select v-model="queryParams.psnType" style="width: 220px" clearable>
<el-option
v-for="dict in dict.type.sys_user_type"
:key="dict.value"
:label="dict.label"
:value="Number(dict.value)"
/>
</el-select>
</el-form-item> -->
<el-form-item label="所属组织" prop="deptIdList">
</el-select>
</el-form-item> -->
<el-form-item label="所属组织" prop="deptIdList">
<el-cascader v-model="queryParams.deptIdList"
:options="deptOptions" :filterable="true" style="width: 240px" :show-all-levels="false"
:props="{
:props="{
multiple: true,
emitPath: false,// falseid
checkStrictly: false,//
value:'id',label:'label'
value:'id',label:'label'
}" clearable collapse-tags >
</el-cascader>
</el-form-item>
</el-cascader>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5">
<el-button
type="primary"
type="primary"
size="mini" :disabled="multiple"
@click="handleBatchRefund"
>批量退单</el-button>
</el-col>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
<el-button
type="primary"
size="mini" :disabled="multiple"
@click="handleBatchWriteOff"
>批量核销</el-button>
</el-col>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
type="primary"
size="mini" :disabled="multiple"
@click="handleSyncPayState"
>同步订单状态</el-button>
</el-col> -->
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="tableListData" height="800" ref="multipleTable" :row-key="(row)=>{return row.orderId}" @selection-change="handleOrderSelectionChange">
<el-table-column type="selection" width="50" align="center" :reserve-selection="true"/>
<el-table-column label="序号" align="center" width="80" type="index" fixed="left">
@ -145,16 +145,23 @@
</el-table-column>
<el-table-column label="订单类型" align="center" prop="orderType" :show-overflow-tooltip="true" width="100">
<template slot-scope="scope">
<dict-tag :options="dict.type.sm_order_type" :value="scope.row.orderType"/>
<dict-tag :options="dict.type.sm_order_type" :value="scope.row.orderType"/>
</template>
</el-table-column>
<el-table-column label="就餐日期" align="center" prop="orderDate" :show-overflow-tooltip="true" width="100"/>
<el-table-column label="就餐日期" align="center" prop="orderDate" :show-overflow-tooltip="true" width="100"/>
<el-table-column label="餐次" align="center" prop="mealtimeName" :show-overflow-tooltip="true" width="80"/>
<el-table-column label="菜品明细" align="center" prop="orderDetailList" :show-overflow-tooltip="true" width="120">
<template slot-scope="scope">
<span v-for="item in scope.row.orderDetailList" :key="item.detailId">{{ item.goodsName }}*{{ item.quantity }};</span>
</template>
</el-table-column>
<el-table-column label="支付方式" align="center" prop="identityVerificationsssss" :show-overflow-tooltip="true" width="100">
<template slot-scope="scope">
<span v-if="scope.row.identityVerification==1">刷卡</span>
<span v-if="scope.row.identityVerification==2">刷脸</span>
<span v-if="scope.row.identityVerification==3">扫码</span>
</template>
</el-table-column>
<el-table-column label="订单金额" align="center" prop="payableAmount" :show-overflow-tooltip="true" width="80">
<template slot-scope="scope">
<span>{{ (scope.row.payableAmount/100).toFixed(2) }}</span>
@ -165,7 +172,7 @@
<span>{{ ((scope.row.payableAmount-scope.row.refundAmount)/100).toFixed(2) }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" width="80"/>
<el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" width="80"/>
<el-table-column label="用户编号" align="center" prop="userId" :show-overflow-tooltip="true" width="120"/>
<el-table-column label="用户姓名" align="center" prop="nickName" :show-overflow-tooltip="true" width="100"/>
<el-table-column label="用户手机号" align="center" prop="phoneNumber" :show-overflow-tooltip="true" width="120"/>
@ -174,8 +181,8 @@
<el-table-column label="所属食堂" align="center" prop="canteenName" :show-overflow-tooltip="true" width="120"/>
<el-table-column label="所属档口" align="center" prop="stallName" :show-overflow-tooltip="true" width="120"/>
<!-- <el-table-column label="用户类别" align="center" prop="psnTypeName" :show-overflow-tooltip="true" width="100"/> -->
<el-table-column label="订单号" align="center" prop="orderId" :show-overflow-tooltip="true" width="180"/>
<el-table-column label="下单时间" align="center" prop="orderTime" :show-overflow-tooltip="true" width="180"/>
<el-table-column label="订单号" align="center" prop="orderId" :show-overflow-tooltip="true" width="180"/>
<el-table-column label="下单时间" align="center" prop="orderTime" :show-overflow-tooltip="true" width="180"/>
<el-table-column label="设备名称" align="center" prop="deviceName" :show-overflow-tooltip="true" width="150"/>
<el-table-column label="订单状态" align="center" prop="orderState" :show-overflow-tooltip="true" width="100">
<template slot-scope="scope">
@ -185,40 +192,40 @@
<span v-if="scope.row.orderState==3&&scope.row.payState==3">已退单</span>
<span v-if="scope.row.orderState==3&&scope.row.payState==4">已取消</span>
<span v-if="scope.row.orderState==4">待下单</span>
<span v-if="scope.row.orderState==5">部分退单</span>
<span v-if="scope.row.orderState==5">部分退单</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="180" class-name="small-padding fixed-width" fixed="right">
<template slot-scope="scope">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
@click="handleView(scope.row)"
type="text"
@click="handleView(scope.row)"
>详情</el-button>
<el-button
size="mini"
type="text" v-if="scope.row.orderState==1||scope.row.orderState==2||scope.row.orderState==5"
@click="handleRefundPart(scope.row)"
@click="handleRefundPart(scope.row)"
>部分退款</el-button>
<el-button
size="mini"
size="mini"
type="text" v-if="scope.row.orderState==1||scope.row.orderState==2||scope.row.orderState==4"
@click="handleRefund(scope.row)"
@click="handleRefund(scope.row)"
>退单</el-button>
<el-button
size="mini"
size="mini"
type="text" v-if="scope.row.commentState==1"
@click="checkEvaluate(scope.row)"
@click="checkEvaluate(scope.row)"
>评价</el-button>
<!-- <el-button
size="mini"
size="mini"
type="text" v-if="scope.row.orderState==1"
@click="writeOffOrder(scope.row)"
@click="writeOffOrder(scope.row)"
>核销</el-button> -->
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
@ -226,11 +233,11 @@
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 详情对话框 -->
<el-dialog title="详情" :visible.sync="open" width="1000px" append-to-body>
<div style="width: 100%;height: 600px;overflow-y: auto;">
<el-descriptions class="margin-top" title="订单信息" :column="3" size="small" border>
<el-descriptions class="margin-top" title="订单信息" :column="3" size="small" border>
<el-descriptions-item>
<template slot="label">订单号</template>
{{orderInfoData.orderId}}
@ -241,11 +248,11 @@
</el-descriptions-item> -->
<!-- <el-descriptions-item>
<template slot="label">订单来源</template>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">订餐员</template>
</el-descriptions-item> -->
<!-- <el-descriptions-item>
<template slot="label">设备编号</template>
@ -308,7 +315,7 @@
{{ orderInfoData.mealtimeName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 订单金额</template>
<template slot="label"> 订单金额</template>
{{ (orderInfoData.payableAmount/100).toFixed(2) }}
</el-descriptions-item>
<!-- <el-descriptions-item>
@ -330,7 +337,7 @@
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 支付方式</template>
<dict-tag :options="dict.type.sm_order_pay_type" :value="orderInfoData.payType"/>
<dict-tag :options="dict.type.sm_order_pay_type" :value="orderInfoData.payType"/>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 下单时间</template>
@ -348,7 +355,7 @@
<span v-if="orderInfoData.orderState==3&&orderInfoData.payState==3">已退单</span>
<span v-if="orderInfoData.orderState==3&&orderInfoData.payState==4">已取消</span>
<span v-if="orderInfoData.orderState==4">待下单</span>
<span v-if="orderInfoData.orderState==5">部分退单</span>
<span v-if="orderInfoData.orderState==5">部分退单</span>
<!-- <dict-tag :options="dict.type.sm_order_status" :value="orderInfoData.orderState"/> -->
</el-descriptions-item>
<!-- <el-descriptions-item>
@ -375,26 +382,26 @@
<el-table-column label="单价(元)" align="center" prop="salePrice" :show-overflow-tooltip="true">
<template slot-scope="scope">
<span>{{ (scope.row.salePrice/100).toFixed(2) }}</span>
</template>
</template>
</el-table-column>
<el-table-column label="数量" align="center" prop="quantity" :show-overflow-tooltip="true"/>
<el-table-column label="合计(元)" align="center" prop="totalAmount" :show-overflow-tooltip="true">
<template slot-scope="scope">
<span>{{ (scope.row.totalAmount/100).toFixed(2) }}</span>
</template>
</template>
</el-table-column>
<el-table-column label="退款数量" align="center" prop="refundNum" :show-overflow-tooltip="true"/>
<el-table-column label="退款金额(元)" align="center" prop="refundAmount" :show-overflow-tooltip="true">
<template slot-scope="scope">
<span>{{ (scope.row.refundAmount/100).toFixed(2) }}</span>
</template>
</template>
</el-table-column>
</el-table>
<!-- <div style="margin: 10px 0;font-weight: bold;font-size: 16px;color: #000;">优惠明细</div>
<el-table :data="orderInfoData.discountList">
<el-table-column label="优惠项名称" align="center" prop="" :show-overflow-tooltip="true"/>
<el-table-column label="变动类型" align="center" prop="" :show-overflow-tooltip="true"/>
<el-table-column label="优惠/上浮金额" align="center" prop="" :show-overflow-tooltip="true"/>
<el-table-column label="优惠/上浮金额" align="center" prop="" :show-overflow-tooltip="true"/>
</el-table> -->
</div>
<div slot="footer" class="dialog-footer">
@ -422,33 +429,33 @@
<el-table-column label="菜品单价" align="center" prop="salePrice" :show-overflow-tooltip="true">
<template slot-scope="scope">
<span>{{ (scope.row.salePrice/100).toFixed(2) }}</span>
</template>
</template>
</el-table-column>
<el-table-column label="菜品数量" align="center" prop="quantity" :show-overflow-tooltip="true"/>
<el-table-column label="菜品金额" align="center" prop="totalAmount" :show-overflow-tooltip="true">
<template slot-scope="scope">
<span>{{ (scope.row.totalAmount/100).toFixed(2) }}</span>
</template>
</template>
</el-table-column>
<el-table-column label="可退款数量" align="center" prop="unRefundNum" :show-overflow-tooltip="true"/>
<el-table-column label="已退款数量" align="center" prop="refundNum" :show-overflow-tooltip="true"/>
<el-table-column label="已退款金额" align="center" prop="refundAmount" :show-overflow-tooltip="true">
<template slot-scope="scope">
<span>{{ (scope.row.refundAmount/100).toFixed(2) }}</span>
</template>
</template>
</el-table-column>
<el-table-column label="退款数量" align="center" prop="goRefundNum" :show-overflow-tooltip="true">
<template slot-scope="scope">
<el-input v-model="scope.row.goRefundNum" placeholder="退款数量" maxlength="20" clearable style="width: 100%" @change="inputNum(scope.row)" @input="(v)=>(scope.row.goRefundNum=v.replace(/[^\d]/g,''))"/>
</template>
<el-input v-model="scope.row.goRefundNum" placeholder="退款数量" maxlength="20" clearable style="width: 100%" @change="inputNum(scope.row)" @input="(v)=>(scope.row.goRefundNum=v.replace(/[^\d]/g,''))"/>
</template>
</el-table-column>
<el-table-column label="退款金额" align="center" prop="refundMoney" :show-overflow-tooltip="true">
<template slot-scope="scope">
<span>{{ (scope.row.refundMoney/100).toFixed(2) }}</span>
</template>
</template>
</el-table-column>
</el-table>
</el-table>
<div v-if="refundType==2">
<el-form :model="rowData" ref="rowData" :rules="refundRules" size="small" label-width="120px">
<el-form-item label="订单金额:">
@ -467,7 +474,7 @@
<el-input v-model="rowData.refundMoney" placeholder="请输入本次退款金额" maxlength="20" clearable @input="(v)=>(rowData.refundMoney=v.replace(/[^\d.]/g, '').replace(/^(\d*\.\d{2}).*$/, '$1'))" style="width: 200px;"/>
</el-form-item>
</el-form>
</div>
</div>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="confirmRefund"> </el-button>
<el-button @click="openPart=false"> </el-button>
@ -483,7 +490,7 @@
<div style="width: 65%;">
<el-rate v-model="item.starLevel" size="large" disabled text-color="#ff9900"></el-rate>
</div>
</div>
</div>
</div>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="openEva=false"> </el-button>
@ -509,10 +516,10 @@
</div>
</template>
<script>
<script>
import { deptTreeSelect } from '@/api/system/user'
import { systemAreaTreeApi,getCanteenByAreaApi,getStallByCanteenApi } from "@/api/base/stall";
import { systemAreaTreeApi,getCanteenByAreaApi,getStallByCanteenApi } from "@/api/base/stall";
import { orderPageListApi,refundOrderPartApi,refundOrderApi,writeOffOrderApi,syncOrderPayStateApi,getEvaluaOrderDetailApi } from "@/api/order/offline";
import { decryptWithSM4,encryptWithSM4 } from '@/utils/sm';
export default {
@ -533,9 +540,9 @@
//
total: 0,
//
tableListData: [],
tableListData: [],
//
open: false,
open: false,
dateRange:[new Date(),new Date()],
pickerOptions: {
shortcuts: [{
@ -570,14 +577,14 @@
//
// orderStateOptions:[],
// orderPayOptions:[],
// nuclearModeOptions:[],
deptOptions:[],//
// nuclearModeOptions:[],
deptOptions:[],//
//
queryParams: {
pageNum: 1,
pageSize: 10,
custSearchInfo: undefined,//
orderId: undefined, //
orderId: undefined, //
orderTypeList:[2],//2线
goodsSearchInfo: undefined, //
mealtimeTypeList:[],//
@ -585,7 +592,7 @@
canteenId:null,//-
stallId:null,//-
orderStateList:[],//
payStateList:[], //
payStateList:[], //
deptIdList:[], //
},
//
@ -611,25 +618,25 @@
//退
handleType:"退单",
ableList:[],
unableList:[],
unableList:[],
openRemind:false,
openEva:false,
evaluateList:[],
};
},
created() {
this.getAreaTreeData();
this.getDeptTree();
created() {
this.getAreaTreeData();
this.getDeptTree();
this.getList()
},
methods: {
//
getAreaTreeData() {
systemAreaTreeApi({}).then((response) => {
this.treeAreaOptions = response.data;
this.treeAreaOptions = response.data;
});
},
handleAreaChange(e){
handleAreaChange(e){
let param= {
areaId:this.queryParams.areaId,"canteenType": 1
}
@ -640,7 +647,7 @@
this.queryParams.stallId=null
});
},
handleCanteenChange(e){
handleCanteenChange(e){
let param= {
canteenId:this.queryParams.canteenId
}
@ -649,7 +656,7 @@
this.queryParams.stallId=null
});
},
/** 查询部门下拉树结构 */
getDeptTree() {
deptTreeSelect().then((response) => {
@ -678,7 +685,7 @@
pageNum: 1,
pageSize: 10,
custSearchInfo: undefined,//
orderId: undefined, //
orderId: undefined, //
orderTypeList:[2],//2线
goodsSearchInfo: undefined, //
mealtimeTypeList:[],//
@ -686,7 +693,7 @@
canteenId:null,//-
stallId:null,//-
orderStateList:[],//
payStateList:[], //
payStateList:[], //
deptIdList:[], //
}
this.resetForm("queryForm");
@ -694,9 +701,9 @@
},
/** 查询列表 */
getList() {
this.loading = true;
let param = {
...this.queryParams,
this.loading = true;
let param = {
...this.queryParams,
"orderTypeList":[11],
}
if(this.dateRange&&this.dateRange.length>0){
@ -718,29 +725,29 @@
if(item.phoneNumber&&item.phoneNumber!=""){
this.$set(item,"phoneNumber",decryptWithSM4(item.phoneNumber))
}
})
})
this.total = Number(response.total);
this.loading = false;
});
},
/** 修改按钮操作 */
handleView(row) {
this.orderInfoData = Object.assign({}, row)
this.open = true;
this.orderInfoData = Object.assign({}, row)
this.open = true;
},
/** 部分退款按钮操作 */
handleRefundPart(row) {
this.orderDetailList = row.orderDetailList;
this.rowData = row;
this.$set(this.rowData,"refundMoney","")
this.$set(this.rowData,"refundMoney","")
console.log(this.rowData)
this.orderDetailList.forEach((item,index)=>{
this.$set(this.orderDetailList[index],"unRefundNum",item.quantity-item.refundNum)
this.$set(this.orderDetailList[index],"goRefundNum",item.unRefundNum)
this.$set(this.orderDetailList[index],"refundMoney",Number(item.goRefundNum)*(item.salePrice).toFixed(2))
})
this.refundList=[]
this.openPart = true;
this.refundList=[]
this.openPart = true;
},
inputNum(row){
if(Number(row.goRefundNum)>row.unRefundNum){
@ -752,7 +759,7 @@
if(item.detailId==row.detailId){
this.$set(item,"quantity",row.goRefundNum)
}
})
})
},
choseRefundTypeRadio(e){},
handleSelectionChange(selection){
@ -760,7 +767,7 @@
this.refundList = selection.map((item) => {
let obj = {'detailId':item.detailId,'quantity':item.goRefundNum}
return obj
})
})
},
selectable(row){
return row.unRefundNum>0
@ -780,7 +787,7 @@
this.$modal.msgSuccess("退款成功");
}
this.getList()
this.openPart = false;
this.openPart = false;
}).catch(err => {
console.log(111)
})
@ -798,10 +805,10 @@
this.$modal.msgSuccess("退款成功");
}
this.getList()
this.openPart = false;
});
this.openPart = false;
});
}
});
});
}
},
/** 退单按钮操作 */
@ -820,7 +827,7 @@
},
/** 核销按钮操作 */
writeOffOrder(row) {
let param = {
let param = {
orderIdList:[row.orderId]
}
this.$modal.confirm('是否确认核销?').then(function() {
@ -838,21 +845,21 @@
this.evaluateList = response.data.detailList;
this.openEva = true
}).catch(err => {
})
},
},
// ----------
handleOrderSelectionChange(selection){
this.batchIds = selection.map((item) => item.orderId)
this.batchIds = selection.map((item) => item.orderId)
this.batchList = selection;
this.single = selection.length !== 1
this.multiple = !selection.length
this.multiple = !selection.length
},
//退
handleBatchRefund(){
this.handleType="退单"
this.ableList = []
this.unableList = []
this.unableList = []
this.batchList.forEach(item=>{
if(item.orderState==1||item.orderState==2){
this.ableList.push(item)
@ -866,7 +873,7 @@
handleBatchWriteOff(){
this.handleType="核销"
this.ableList = []
this.unableList = []
this.unableList = []
this.batchList.forEach(item=>{
if(item.orderState==1||item.orderState==5){
this.ableList.push(item)
@ -885,19 +892,19 @@
backType: 1,
macOrderId:item.macOrderId,
orderId:item.orderId
}
}
refundOrderApi(param).then(response => {
// if(response.code!=200){
// this.$modal.msgError(response.msg);
// }
});
})
this.$modal.msgSuccess("批量退单完成");
this.$modal.msgSuccess("批量退单完成");
}
if(this.handleType=="核销"){
this.ableList.forEach(item=>{
let param = {
orderId:item.orderId
let param = {
orderId:item.orderId
}
writeOffOrderApi(param).then(response => {
// if(response.code!=200){
@ -905,7 +912,7 @@
// }
});
})
this.$modal.msgSuccess("批量核销完成");
this.$modal.msgSuccess("批量核销完成");
}
setTimeout(()=>{
this.getList()
@ -939,8 +946,7 @@
const month = String(date.getMonth() + 1).padStart(2, '0'); // 0
const day = String(date.getDate()).padStart(2, '0');
return `${year}-${month}-${day}`;
}
}
}
};
</script>