master
parent
b42e546ad5
commit
db8ca18e1a
@ -1,95 +0,0 @@
|
|||||||
<template>
|
|
||||||
<el-dialog title="领取记录" :visible.sync="open" width="80%" append-to-body>
|
|
||||||
<el-form :model="queryParams" :inline="true" label-width="100px" size="medium" class="ry_form">
|
|
||||||
<el-form-item label="使用状态" prop="useStatus">
|
|
||||||
<DictRadio v-model="queryParams.useStatus" @change="handleQuery" size="small"
|
|
||||||
:radioData="dict.type.activity_coupon_status" :showAll="'all'"/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<el-table v-loading="loading" :data="tableList" border>
|
|
||||||
<el-table-column label="券ID" prop="id" />
|
|
||||||
<el-table-column label="用户信息 " >
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<div class="flex-center">
|
|
||||||
<el-avatar :src="scope.row.avatar"></el-avatar>
|
|
||||||
<div class="tl ml5">
|
|
||||||
<p>{{scope.row.nickname}}</p>
|
|
||||||
<p>{{scope.row.phone}}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="领取时间" prop="createTime" width="180" />
|
|
||||||
<el-table-column label="使用状态" >
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<dict-tag :value="scope.row.useStatus" prop-name="activity_coupon_status"/>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="有效期" width="180" >
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<p>{{ scope.row.beginTime}}</p>
|
|
||||||
<p> ~ </p>
|
|
||||||
<p>{{ scope.row.endTime}}</p>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="订单号" prop="orderId" />
|
|
||||||
<el-table-column label="使用时间" prop="useTime" width="180" />
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<pagination
|
|
||||||
v-show="total>0"
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNum"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
|
|
||||||
import {listMemberCoupon} from "@/api/act/memberCoupon";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
dicts: ['activity_coupon_status'],
|
|
||||||
data(){
|
|
||||||
return{
|
|
||||||
open:false,
|
|
||||||
loading: false,
|
|
||||||
tableList: [],
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
useStatus: null,
|
|
||||||
couponActivityId: null,
|
|
||||||
},
|
|
||||||
total: 0,
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods:{
|
|
||||||
async init(activityId){
|
|
||||||
if (!activityId) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
this.queryParams.couponActivityId = activityId
|
|
||||||
await this.handleQuery()
|
|
||||||
this.open = true
|
|
||||||
},
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
getList() {
|
|
||||||
this.loading = true;
|
|
||||||
const {pageNum, pageSize} = this.queryParams;
|
|
||||||
const query = {...this.queryParams, pageNum: undefined, pageSize: undefined};
|
|
||||||
const pageReq = {page: pageNum - 1, size: pageSize};
|
|
||||||
return listMemberCoupon(query, pageReq).then(response => {
|
|
||||||
const { content, totalElements } = response
|
|
||||||
this.tableList = content;
|
|
||||||
this.total = totalElements;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
@ -1,291 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form">
|
|
||||||
<el-form-item label="MEMBER_ID" prop="memberId">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.memberId"
|
|
||||||
placeholder="请输入MEMBER_ID"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="订单id" prop="orderId">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.orderId"
|
|
||||||
placeholder="请输入订单id"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="子订单id" prop="orderItemId">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.orderItemId"
|
|
||||||
placeholder="请输入子订单id"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="退款金额" prop="returnAmount">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.returnAmount"
|
|
||||||
placeholder="请输入退款金额"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="退货数量" prop="quantity">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.quantity"
|
|
||||||
placeholder="请输入退货数量"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item class="flex_one tr">
|
|
||||||
<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"
|
|
||||||
plain
|
|
||||||
icon="el-icon-plus"
|
|
||||||
size="mini"
|
|
||||||
@click="handleAdd"
|
|
||||||
v-hasPermi="['oms:aftersaleItem:add']"
|
|
||||||
>新增</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<el-table v-loading="loading" :data="omsAftersaleItemList" @selection-change="handleSelectionChange">
|
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
|
||||||
<el-table-column label="MEMBER_ID" align="center" prop="memberId" />
|
|
||||||
<el-table-column label="订单id" align="center" prop="orderId" />
|
|
||||||
<el-table-column label="子订单id" align="center" prop="orderItemId" />
|
|
||||||
<el-table-column label="退款金额" align="center" prop="returnAmount" />
|
|
||||||
<el-table-column label="退货数量" align="center" prop="quantity" />
|
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-edit"
|
|
||||||
@click="handleUpdate(scope.row)"
|
|
||||||
v-hasPermi="['oms:aftersaleItem:edit']"
|
|
||||||
>修改</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-delete"
|
|
||||||
@click="handleDelete(scope.row)"
|
|
||||||
v-hasPermi="['oms:aftersaleItem:remove']"
|
|
||||||
>删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<pagination
|
|
||||||
v-show="total>0"
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNum"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 添加或修改订单售后对话框 -->
|
|
||||||
<el-dialog :title="title" :visible.sync="open" width="50%" append-to-body>
|
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="108px" inline class="dialog-form-two">
|
|
||||||
<el-form-item label="MEMBER_ID" prop="memberId">
|
|
||||||
<el-input v-model="form.memberId" placeholder="请输入MEMBER_ID" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="订单id" prop="orderId">
|
|
||||||
<el-input v-model="form.orderId" placeholder="请输入订单id" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="子订单id" prop="orderItemId">
|
|
||||||
<el-input v-model="form.orderItemId" placeholder="请输入子订单id" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="退款金额" prop="returnAmount">
|
|
||||||
<el-input v-model="form.returnAmount" placeholder="请输入退款金额" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="退货数量" prop="quantity">
|
|
||||||
<el-input v-model="form.quantity" placeholder="请输入退货数量" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
||||||
<el-button @click="cancel">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { listOmsAftersaleItem, getOmsAftersaleItem, delOmsAftersaleItem, addOmsAftersaleItem, updateOmsAftersaleItem, exportOmsAftersaleItem } from "@/api/oms/aftersaleItem";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "OmsAftersaleItem",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
// 遮罩层
|
|
||||||
loading: true,
|
|
||||||
// 导出遮罩层
|
|
||||||
exportLoading: false,
|
|
||||||
// 选中数组
|
|
||||||
ids: [],
|
|
||||||
// 非单个禁用
|
|
||||||
single: true,
|
|
||||||
// 非多个禁用
|
|
||||||
multiple: true,
|
|
||||||
// 显示搜索条件
|
|
||||||
showSearch: true,
|
|
||||||
// 总条数
|
|
||||||
total: 0,
|
|
||||||
// 订单售后表格数据
|
|
||||||
omsAftersaleItemList: [],
|
|
||||||
// 弹出层标题
|
|
||||||
title: "",
|
|
||||||
// 是否显示弹出层
|
|
||||||
open: false,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
memberId: null,
|
|
||||||
orderId: null,
|
|
||||||
orderItemId: null,
|
|
||||||
returnAmount: null,
|
|
||||||
quantity: null,
|
|
||||||
},
|
|
||||||
// 表单参数
|
|
||||||
form: {},
|
|
||||||
// 表单校验
|
|
||||||
rules: {
|
|
||||||
memberId: [
|
|
||||||
{ required: true, message: "MEMBER_ID不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 查询订单售后列表 */
|
|
||||||
getList() {
|
|
||||||
this.loading = true;
|
|
||||||
const {pageNum, pageSize} = this.queryParams;
|
|
||||||
const query = {...this.queryParams, pageNum: undefined, pageSize: undefined};
|
|
||||||
const pageReq = {page: pageNum - 1, size: pageSize};
|
|
||||||
listOmsAftersaleItem(query, pageReq).then(response => {
|
|
||||||
const { content, totalElements } = response
|
|
||||||
this.omsAftersaleItemList = content;
|
|
||||||
this.total = totalElements;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.open = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
id: null,
|
|
||||||
memberId: null,
|
|
||||||
orderId: null,
|
|
||||||
orderItemId: null,
|
|
||||||
returnAmount: null,
|
|
||||||
quantity: null,
|
|
||||||
createBy: null,
|
|
||||||
createTime: null,
|
|
||||||
updateBy: null,
|
|
||||||
updateTime: null
|
|
||||||
};
|
|
||||||
this.resetForm("form");
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm("queryForm");
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map(item => item.id)
|
|
||||||
this.single = selection.length!==1
|
|
||||||
this.multiple = !selection.length
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset();
|
|
||||||
this.open = true;
|
|
||||||
this.title = "添加订单售后";
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.reset();
|
|
||||||
const id = row.id || this.ids
|
|
||||||
getOmsAftersaleItem(id).then(response => {
|
|
||||||
this.form = response;
|
|
||||||
this.open = true;
|
|
||||||
this.title = "修改订单售后";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm() {
|
|
||||||
this.$refs["form"].validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
if (this.form.id != null) {
|
|
||||||
updateOmsAftersaleItem(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
addOmsAftersaleItem(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("新增成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDelete(row) {
|
|
||||||
const ids = row.id || this.ids;
|
|
||||||
this.$modal.confirm('是否确认删除订单售后编号为"' + ids + '"的数据项？').then(function() {
|
|
||||||
return delOmsAftersaleItem(ids);
|
|
||||||
}).then(() => {
|
|
||||||
this.getList();
|
|
||||||
this.$modal.msgSuccess("删除成功");
|
|
||||||
}).catch(() => {});
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
const queryParams = this.queryParams;
|
|
||||||
this.$modal.confirm('是否确认导出所有订单售后数据项？').then(() => {
|
|
||||||
this.exportLoading = true;
|
|
||||||
return exportOmsAftersaleItem(queryParams);
|
|
||||||
}).then(response => {
|
|
||||||
this.$download.download(response);
|
|
||||||
this.exportLoading = false;
|
|
||||||
}).catch(() => {});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,258 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form">
|
|
||||||
<el-form-item label="订单id" prop="orderId">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.orderId"
|
|
||||||
placeholder="请输入订单id"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="物流公司(配送方式)" prop="deliveryCompany">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.deliveryCompany"
|
|
||||||
placeholder="请输入物流公司(配送方式)"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="物流单号" prop="deliverySn">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.deliverySn"
|
|
||||||
placeholder="请输入物流单号"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item class="flex_one tr">
|
|
||||||
<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"
|
|
||||||
plain
|
|
||||||
icon="el-icon-plus"
|
|
||||||
size="mini"
|
|
||||||
@click="handleAdd"
|
|
||||||
v-hasPermi="['oms:orderDeliveryHistory:add']"
|
|
||||||
>新增</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<el-table v-loading="loading" :data="omsOrderDeliveryHistoryList" @selection-change="handleSelectionChange">
|
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
|
||||||
<el-table-column label="订单id" align="center" prop="orderId" />
|
|
||||||
<el-table-column label="物流公司(配送方式)" align="center" prop="deliveryCompany" />
|
|
||||||
<el-table-column label="物流单号" align="center" prop="deliverySn" />
|
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-edit"
|
|
||||||
@click="handleUpdate(scope.row)"
|
|
||||||
v-hasPermi="['oms:orderDeliveryHistory:edit']"
|
|
||||||
>修改</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-delete"
|
|
||||||
@click="handleDelete(scope.row)"
|
|
||||||
v-hasPermi="['oms:orderDeliveryHistory:remove']"
|
|
||||||
>删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<pagination
|
|
||||||
v-show="total>0"
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNum"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 添加或修改订单发货记录对话框 -->
|
|
||||||
<el-dialog :title="title" :visible.sync="open" width="50%" append-to-body>
|
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="108px" inline class="dialog-form-two">
|
|
||||||
<el-form-item label="订单id" prop="orderId">
|
|
||||||
<el-input v-model="form.orderId" placeholder="请输入订单id" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="物流公司(配送方式)" prop="deliveryCompany">
|
|
||||||
<el-input v-model="form.deliveryCompany" placeholder="请输入物流公司(配送方式)" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="物流单号" prop="deliverySn">
|
|
||||||
<el-input v-model="form.deliverySn" placeholder="请输入物流单号" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
||||||
<el-button @click="cancel">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { listOmsOrderDeliveryHistory, getOmsOrderDeliveryHistory, delOmsOrderDeliveryHistory, addOmsOrderDeliveryHistory, updateOmsOrderDeliveryHistory, exportOmsOrderDeliveryHistory } from "@/api/oms/orderDeliveryHistory";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "OmsOrderDeliveryHistory",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
// 遮罩层
|
|
||||||
loading: true,
|
|
||||||
// 导出遮罩层
|
|
||||||
exportLoading: false,
|
|
||||||
// 选中数组
|
|
||||||
ids: [],
|
|
||||||
// 非单个禁用
|
|
||||||
single: true,
|
|
||||||
// 非多个禁用
|
|
||||||
multiple: true,
|
|
||||||
// 显示搜索条件
|
|
||||||
showSearch: true,
|
|
||||||
// 总条数
|
|
||||||
total: 0,
|
|
||||||
// 订单发货记录表格数据
|
|
||||||
omsOrderDeliveryHistoryList: [],
|
|
||||||
// 弹出层标题
|
|
||||||
title: "",
|
|
||||||
// 是否显示弹出层
|
|
||||||
open: false,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
orderId: null,
|
|
||||||
deliveryCompany: null,
|
|
||||||
deliverySn: null,
|
|
||||||
},
|
|
||||||
// 表单参数
|
|
||||||
form: {},
|
|
||||||
// 表单校验
|
|
||||||
rules: {
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 查询订单发货记录列表 */
|
|
||||||
getList() {
|
|
||||||
this.loading = true;
|
|
||||||
const {pageNum, pageSize} = this.queryParams;
|
|
||||||
const query = {...this.queryParams, pageNum: undefined, pageSize: undefined};
|
|
||||||
const pageReq = {page: pageNum - 1, size: pageSize};
|
|
||||||
listOmsOrderDeliveryHistory(query, pageReq).then(response => {
|
|
||||||
const { content, totalElements } = response
|
|
||||||
this.omsOrderDeliveryHistoryList = content;
|
|
||||||
this.total = totalElements;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.open = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
id: null,
|
|
||||||
orderId: null,
|
|
||||||
deliveryCompany: null,
|
|
||||||
deliverySn: null,
|
|
||||||
createBy: null,
|
|
||||||
createTime: null,
|
|
||||||
updateBy: null,
|
|
||||||
updateTime: null
|
|
||||||
};
|
|
||||||
this.resetForm("form");
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm("queryForm");
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map(item => item.id)
|
|
||||||
this.single = selection.length!==1
|
|
||||||
this.multiple = !selection.length
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset();
|
|
||||||
this.open = true;
|
|
||||||
this.title = "添加订单发货记录";
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.reset();
|
|
||||||
const id = row.id || this.ids
|
|
||||||
getOmsOrderDeliveryHistory(id).then(response => {
|
|
||||||
this.form = response;
|
|
||||||
this.open = true;
|
|
||||||
this.title = "修改订单发货记录";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm() {
|
|
||||||
this.$refs["form"].validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
if (this.form.id != null) {
|
|
||||||
updateOmsOrderDeliveryHistory(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
addOmsOrderDeliveryHistory(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("新增成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDelete(row) {
|
|
||||||
const ids = row.id || this.ids;
|
|
||||||
this.$modal.confirm('是否确认删除订单发货记录编号为"' + ids + '"的数据项？').then(function() {
|
|
||||||
return delOmsOrderDeliveryHistory(ids);
|
|
||||||
}).then(() => {
|
|
||||||
this.getList();
|
|
||||||
this.$modal.msgSuccess("删除成功");
|
|
||||||
}).catch(() => {});
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
const queryParams = this.queryParams;
|
|
||||||
this.$modal.confirm('是否确认导出所有订单发货记录数据项？').then(() => {
|
|
||||||
this.exportLoading = true;
|
|
||||||
return exportOmsOrderDeliveryHistory(queryParams);
|
|
||||||
}).then(response => {
|
|
||||||
this.$download.download(response);
|
|
||||||
this.exportLoading = false;
|
|
||||||
}).catch(() => {});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,424 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form">
|
|
||||||
<el-form-item label="订单id" prop="orderId">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.orderId"
|
|
||||||
placeholder="请输入订单id"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="PRODUCT_ID" prop="productId">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.productId"
|
|
||||||
placeholder="请输入PRODUCT_ID"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="商品编码" prop="outProductId">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.outProductId"
|
|
||||||
placeholder="请输入商品编码"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="商品sku id" prop="skuId">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.skuId"
|
|
||||||
placeholder="请输入商品sku id"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="sku编码" prop="outSkuId">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.outSkuId"
|
|
||||||
placeholder="请输入sku编码"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="商品快照id" prop="productSnapshotId">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.productSnapshotId"
|
|
||||||
placeholder="请输入商品快照id"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="sku快照id" prop="skuSnapshotId">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.skuSnapshotId"
|
|
||||||
placeholder="请输入sku快照id"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<template v-if="showMoreCondition">
|
|
||||||
<el-form-item label="展示图片" prop="pic">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.pic"
|
|
||||||
placeholder="请输入展示图片"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="PRODUCT_NAME" prop="productName">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.productName"
|
|
||||||
placeholder="请输入PRODUCT_NAME"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="销售价格" prop="salePrice">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.salePrice"
|
|
||||||
placeholder="请输入销售价格"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="采购价" prop="purchasePrice">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.purchasePrice"
|
|
||||||
placeholder="请输入采购价"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="购买数量" prop="quantity">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.quantity"
|
|
||||||
placeholder="请输入购买数量"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="商品分类id" prop="productCategoryId">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.productCategoryId"
|
|
||||||
placeholder="请输入商品分类id"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
</template>
|
|
||||||
<el-form-item class="flex_one tr">
|
|
||||||
<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-button :icon="showMoreCondition ? 'el-icon-arrow-up' : 'el-icon-arrow-down'" size="mini" @click="showMoreCondition = !showMoreCondition">{{showMoreCondition ? '收起条件' : '展开条件'}}</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<el-row :gutter="10" class="mb8">
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
plain
|
|
||||||
icon="el-icon-plus"
|
|
||||||
size="mini"
|
|
||||||
@click="handleAdd"
|
|
||||||
v-hasPermi="['oms:orderItem:add']"
|
|
||||||
>新增</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<el-table v-loading="loading" :data="omsOrderItemList" @selection-change="handleSelectionChange">
|
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
|
||||||
<el-table-column label="订单id" align="center" prop="orderId" />
|
|
||||||
<el-table-column label="PRODUCT_ID" align="center" prop="productId" />
|
|
||||||
<el-table-column label="商品编码" align="center" prop="outProductId" />
|
|
||||||
<el-table-column label="商品sku id" align="center" prop="skuId" />
|
|
||||||
<el-table-column label="sku编码" align="center" prop="outSkuId" />
|
|
||||||
<el-table-column label="商品快照id" align="center" prop="productSnapshotId" />
|
|
||||||
<el-table-column label="sku快照id" align="center" prop="skuSnapshotId" />
|
|
||||||
<el-table-column label="展示图片" align="center" prop="pic" />
|
|
||||||
<el-table-column label="PRODUCT_NAME" align="center" prop="productName" />
|
|
||||||
<el-table-column label="销售价格" align="center" prop="salePrice" />
|
|
||||||
<el-table-column label="采购价" align="center" prop="purchasePrice" />
|
|
||||||
<el-table-column label="购买数量" align="center" prop="quantity" />
|
|
||||||
<el-table-column label="商品分类id" align="center" prop="productCategoryId" />
|
|
||||||
<el-table-column label="商品sku属性:[{"key":"颜色","value":"颜色"},{"key":"容量","value":"4G"}]" align="center" prop="spData" />
|
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-edit"
|
|
||||||
@click="handleUpdate(scope.row)"
|
|
||||||
v-hasPermi="['oms:orderItem:edit']"
|
|
||||||
>修改</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-delete"
|
|
||||||
@click="handleDelete(scope.row)"
|
|
||||||
v-hasPermi="['oms:orderItem:remove']"
|
|
||||||
>删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<pagination
|
|
||||||
v-show="total>0"
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNum"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 添加或修改订单中所包含的商品对话框 -->
|
|
||||||
<el-dialog :title="title" :visible.sync="open" width="50%" append-to-body>
|
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="108px" inline class="dialog-form-two">
|
|
||||||
<el-form-item label="订单id" prop="orderId">
|
|
||||||
<el-input v-model="form.orderId" placeholder="请输入订单id" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="PRODUCT_ID" prop="productId">
|
|
||||||
<el-input v-model="form.productId" placeholder="请输入PRODUCT_ID" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="商品编码" prop="outProductId">
|
|
||||||
<el-input v-model="form.outProductId" placeholder="请输入商品编码" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="商品sku id" prop="skuId">
|
|
||||||
<el-input v-model="form.skuId" placeholder="请输入商品sku id" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="sku编码" prop="outSkuId">
|
|
||||||
<el-input v-model="form.outSkuId" placeholder="请输入sku编码" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="商品快照id" prop="productSnapshotId">
|
|
||||||
<el-input v-model="form.productSnapshotId" placeholder="请输入商品快照id" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="sku快照id" prop="skuSnapshotId">
|
|
||||||
<el-input v-model="form.skuSnapshotId" placeholder="请输入sku快照id" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="展示图片" prop="pic">
|
|
||||||
<el-input v-model="form.pic" placeholder="请输入展示图片" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="PRODUCT_NAME" prop="productName">
|
|
||||||
<el-input v-model="form.productName" placeholder="请输入PRODUCT_NAME" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="销售价格" prop="salePrice">
|
|
||||||
<el-input v-model="form.salePrice" placeholder="请输入销售价格" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="采购价" prop="purchasePrice">
|
|
||||||
<el-input v-model="form.purchasePrice" placeholder="请输入采购价" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="购买数量" prop="quantity">
|
|
||||||
<el-input v-model="form.quantity" placeholder="请输入购买数量" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="商品分类id" prop="productCategoryId">
|
|
||||||
<el-input v-model="form.productCategoryId" placeholder="请输入商品分类id" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="商品sku属性:[{"key":"颜色","value":"颜色"},{"key":"容量","value":"4G"}]" prop="spData">
|
|
||||||
<el-input v-model="form.spData" type="textarea" placeholder="请输入内容" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
||||||
<el-button @click="cancel">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { listOmsOrderItem, getOmsOrderItem, delOmsOrderItem, addOmsOrderItem, updateOmsOrderItem, exportOmsOrderItem } from "@/api/oms/orderItem";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "OmsOrderItem",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
// 遮罩层
|
|
||||||
loading: true,
|
|
||||||
// 导出遮罩层
|
|
||||||
exportLoading: false,
|
|
||||||
// 选中数组
|
|
||||||
ids: [],
|
|
||||||
// 非单个禁用
|
|
||||||
single: true,
|
|
||||||
// 非多个禁用
|
|
||||||
multiple: true,
|
|
||||||
// 显示搜索条件
|
|
||||||
showSearch: true,
|
|
||||||
// 总条数
|
|
||||||
total: 0,
|
|
||||||
// 订单中所包含的商品表格数据
|
|
||||||
omsOrderItemList: [],
|
|
||||||
// 弹出层标题
|
|
||||||
title: "",
|
|
||||||
// 是否显示弹出层
|
|
||||||
open: false,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
orderId: null,
|
|
||||||
productId: null,
|
|
||||||
outProductId: null,
|
|
||||||
skuId: null,
|
|
||||||
outSkuId: null,
|
|
||||||
productSnapshotId: null,
|
|
||||||
skuSnapshotId: null,
|
|
||||||
pic: null,
|
|
||||||
productName: null,
|
|
||||||
salePrice: null,
|
|
||||||
purchasePrice: null,
|
|
||||||
quantity: null,
|
|
||||||
productCategoryId: null,
|
|
||||||
spData: null,
|
|
||||||
},
|
|
||||||
// 表单参数
|
|
||||||
form: {},
|
|
||||||
// 表单校验
|
|
||||||
rules: {
|
|
||||||
outProductId: [
|
|
||||||
{ required: true, message: "商品编码不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
outSkuId: [
|
|
||||||
{ required: true, message: "sku编码不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
},
|
|
||||||
showMoreCondition: false
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 查询订单中所包含的商品列表 */
|
|
||||||
getList() {
|
|
||||||
this.loading = true;
|
|
||||||
const {pageNum, pageSize} = this.queryParams;
|
|
||||||
const query = {...this.queryParams, pageNum: undefined, pageSize: undefined};
|
|
||||||
const pageReq = {page: pageNum - 1, size: pageSize};
|
|
||||||
listOmsOrderItem(query, pageReq).then(response => {
|
|
||||||
const { content, totalElements } = response
|
|
||||||
this.omsOrderItemList = content;
|
|
||||||
this.total = totalElements;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.open = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
id: null,
|
|
||||||
orderId: null,
|
|
||||||
productId: null,
|
|
||||||
outProductId: null,
|
|
||||||
skuId: null,
|
|
||||||
outSkuId: null,
|
|
||||||
productSnapshotId: null,
|
|
||||||
skuSnapshotId: null,
|
|
||||||
pic: null,
|
|
||||||
productName: null,
|
|
||||||
salePrice: null,
|
|
||||||
purchasePrice: null,
|
|
||||||
quantity: null,
|
|
||||||
productCategoryId: null,
|
|
||||||
spData: null,
|
|
||||||
createBy: null,
|
|
||||||
createTime: null,
|
|
||||||
updateBy: null,
|
|
||||||
updateTime: null
|
|
||||||
};
|
|
||||||
this.resetForm("form");
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm("queryForm");
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map(item => item.id)
|
|
||||||
this.single = selection.length!==1
|
|
||||||
this.multiple = !selection.length
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset();
|
|
||||||
this.open = true;
|
|
||||||
this.title = "添加订单中所包含的商品";
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.reset();
|
|
||||||
const id = row.id || this.ids
|
|
||||||
getOmsOrderItem(id).then(response => {
|
|
||||||
this.form = response;
|
|
||||||
this.open = true;
|
|
||||||
this.title = "修改订单中所包含的商品";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm() {
|
|
||||||
this.$refs["form"].validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
if (this.form.id != null) {
|
|
||||||
updateOmsOrderItem(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
addOmsOrderItem(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("新增成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDelete(row) {
|
|
||||||
const ids = row.id || this.ids;
|
|
||||||
this.$modal.confirm('是否确认删除订单中所包含的商品编号为"' + ids + '"的数据项？').then(function() {
|
|
||||||
return delOmsOrderItem(ids);
|
|
||||||
}).then(() => {
|
|
||||||
this.getList();
|
|
||||||
this.$modal.msgSuccess("删除成功");
|
|
||||||
}).catch(() => {});
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
const queryParams = this.queryParams;
|
|
||||||
this.$modal.confirm('是否确认导出所有订单中所包含的商品数据项？').then(() => {
|
|
||||||
this.exportLoading = true;
|
|
||||||
return exportOmsOrderItem(queryParams);
|
|
||||||
}).then(response => {
|
|
||||||
this.$download.download(response);
|
|
||||||
this.exportLoading = false;
|
|
||||||
}).catch(() => {});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,395 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form">
|
|
||||||
<el-form-item label="payment_id" prop="paymentId">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.paymentId"
|
|
||||||
placeholder="请输入payment_id"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="用户 ID" prop="memberId">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.memberId"
|
|
||||||
placeholder="请输入用户 ID"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="OPENID" prop="openid">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.openid"
|
|
||||||
placeholder="请输入OPENID"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="真实姓名，提现需要" prop="realName">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.realName"
|
|
||||||
placeholder="请输入真实姓名，提现需要"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="标题|商品名称" prop="title">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.title"
|
|
||||||
placeholder="请输入标题|商品名称"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="订单号 支付时是payId 其他为orderId" prop="orderId">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.orderId"
|
|
||||||
placeholder="请输入订单号 支付时是payId 其他为orderId"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="金额，单位分" prop="money">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.money"
|
|
||||||
placeholder="请输入金额，单位分"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<template v-if="showMoreCondition">
|
|
||||||
<el-form-item label="交易类型" prop="opType">
|
|
||||||
<el-select v-model="queryParams.opType" placeholder="请选择交易类型" clearable size="small">
|
|
||||||
<el-option label="请选择字典生成" value="" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="状态" prop="paymentStatus">
|
|
||||||
<el-select v-model="queryParams.paymentStatus" placeholder="请选择状态" clearable size="small">
|
|
||||||
<el-option label="请选择字典生成" value="" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="附加数据" prop="attach">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.attach"
|
|
||||||
placeholder="请输入附加数据"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
</template>
|
|
||||||
<el-form-item class="flex_one tr">
|
|
||||||
<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-button :icon="showMoreCondition ? 'el-icon-arrow-up' : 'el-icon-arrow-down'" size="mini" @click="showMoreCondition = !showMoreCondition">{{showMoreCondition ? '收起条件' : '展开条件'}}</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<el-row :gutter="10" class="mb8">
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
plain
|
|
||||||
icon="el-icon-plus"
|
|
||||||
size="mini"
|
|
||||||
@click="handleAdd"
|
|
||||||
v-hasPermi="['pms:wechatPaymentHistory:add']"
|
|
||||||
>新增</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<el-table v-loading="loading" :data="omsWechatPaymentHistoryList" @selection-change="handleSelectionChange">
|
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
|
||||||
<el-table-column label="payment_id" align="center" prop="paymentId" />
|
|
||||||
<el-table-column label="用户 ID" align="center" prop="memberId" />
|
|
||||||
<el-table-column label="OPENID" align="center" prop="openid" />
|
|
||||||
<el-table-column label="真实姓名，提现需要" align="center" prop="realName" />
|
|
||||||
<el-table-column label="标题|商品名称" align="center" prop="title" />
|
|
||||||
<el-table-column label="订单号 支付时是payId 其他为orderId" align="center" prop="orderId" />
|
|
||||||
<el-table-column label="金额，单位分" align="center" prop="money" />
|
|
||||||
<el-table-column label="交易类型" align="center" prop="opType" />
|
|
||||||
<el-table-column label="状态" align="center" prop="paymentStatus" />
|
|
||||||
<el-table-column label="备注" align="center" prop="remark" />
|
|
||||||
<el-table-column label="附加数据" align="center" prop="attach" />
|
|
||||||
<el-table-column label="响应内容" align="center" prop="responseBody" />
|
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-edit"
|
|
||||||
@click="handleUpdate(scope.row)"
|
|
||||||
v-hasPermi="['pms:wechatPaymentHistory:edit']"
|
|
||||||
>修改</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-delete"
|
|
||||||
@click="handleDelete(scope.row)"
|
|
||||||
v-hasPermi="['pms:wechatPaymentHistory:remove']"
|
|
||||||
>删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<pagination
|
|
||||||
v-show="total>0"
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNum"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 添加或修改微信订单表对话框 -->
|
|
||||||
<el-dialog :title="title" :visible.sync="open" width="50%" append-to-body>
|
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="108px" inline class="dialog-form-two">
|
|
||||||
<el-form-item label="payment_id" prop="paymentId">
|
|
||||||
<el-input v-model="form.paymentId" placeholder="请输入payment_id" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="用户 ID" prop="memberId">
|
|
||||||
<el-input v-model="form.memberId" placeholder="请输入用户 ID" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="OPENID" prop="openid">
|
|
||||||
<el-input v-model="form.openid" placeholder="请输入OPENID" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="真实姓名，提现需要" prop="realName">
|
|
||||||
<el-input v-model="form.realName" placeholder="请输入真实姓名，提现需要" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="标题|商品名称" prop="title">
|
|
||||||
<el-input v-model="form.title" placeholder="请输入标题|商品名称" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="订单号 支付时是payId 其他为orderId" prop="orderId">
|
|
||||||
<el-input v-model="form.orderId" placeholder="请输入订单号 支付时是payId 其他为orderId" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="金额，单位分" prop="money">
|
|
||||||
<el-input v-model="form.money" placeholder="请输入金额，单位分" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="交易类型" prop="opType">
|
|
||||||
<el-select v-model="form.opType" placeholder="请选择交易类型">
|
|
||||||
<el-option label="请选择字典生成" value="" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="状态">
|
|
||||||
<el-radio-group v-model="form.paymentStatus">
|
|
||||||
<el-radio label="1">请选择字典生成</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注" prop="remark">
|
|
||||||
<el-input v-model="form.remark" placeholder="请输入备注" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="附加数据" prop="attach">
|
|
||||||
<el-input v-model="form.attach" placeholder="请输入附加数据" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="响应内容" prop="responseBody">
|
|
||||||
<el-input v-model="form.responseBody" type="textarea" placeholder="请输入内容" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
||||||
<el-button @click="cancel">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { listOmsWechatPaymentHistory, getOmsWechatPaymentHistory, delOmsWechatPaymentHistory, addOmsWechatPaymentHistory, updateOmsWechatPaymentHistory, exportOmsWechatPaymentHistory } from "@/api/oms/wechatPaymentHistory";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "OmsWechatPaymentHistory",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
// 遮罩层
|
|
||||||
loading: true,
|
|
||||||
// 导出遮罩层
|
|
||||||
exportLoading: false,
|
|
||||||
// 选中数组
|
|
||||||
ids: [],
|
|
||||||
// 非单个禁用
|
|
||||||
single: true,
|
|
||||||
// 非多个禁用
|
|
||||||
multiple: true,
|
|
||||||
// 显示搜索条件
|
|
||||||
showSearch: true,
|
|
||||||
// 总条数
|
|
||||||
total: 0,
|
|
||||||
// 微信订单表表格数据
|
|
||||||
omsWechatPaymentHistoryList: [],
|
|
||||||
// 弹出层标题
|
|
||||||
title: "",
|
|
||||||
// 是否显示弹出层
|
|
||||||
open: false,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
paymentId: null,
|
|
||||||
memberId: null,
|
|
||||||
openid: null,
|
|
||||||
realName: null,
|
|
||||||
title: null,
|
|
||||||
orderId: null,
|
|
||||||
money: null,
|
|
||||||
opType: null,
|
|
||||||
paymentStatus: null,
|
|
||||||
attach: null,
|
|
||||||
responseBody: null,
|
|
||||||
},
|
|
||||||
// 表单参数
|
|
||||||
form: {},
|
|
||||||
// 表单校验
|
|
||||||
rules: {
|
|
||||||
memberId: [
|
|
||||||
{ required: true, message: "用户 ID不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
openid: [
|
|
||||||
{ required: true, message: "OPENID不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
title: [
|
|
||||||
{ required: true, message: "标题|商品名称不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
orderId: [
|
|
||||||
{ required: true, message: "订单号 支付时是payId 其他为orderId不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
money: [
|
|
||||||
{ required: true, message: "金额，单位分不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
opType: [
|
|
||||||
{ required: true, message: "交易类型不能为空", trigger: "change" }
|
|
||||||
],
|
|
||||||
paymentStatus: [
|
|
||||||
{ required: true, message: "状态不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
},
|
|
||||||
showMoreCondition: false
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 查询微信订单表列表 */
|
|
||||||
getList() {
|
|
||||||
this.loading = true;
|
|
||||||
const {pageNum, pageSize} = this.queryParams;
|
|
||||||
const query = {...this.queryParams, pageNum: undefined, pageSize: undefined};
|
|
||||||
const pageReq = {page: pageNum - 1, size: pageSize};
|
|
||||||
listOmsWechatPaymentHistory(query, pageReq).then(response => {
|
|
||||||
const { content, totalElements } = response
|
|
||||||
this.omsWechatPaymentHistoryList = content;
|
|
||||||
this.total = totalElements;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.open = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
id: null,
|
|
||||||
paymentId: null,
|
|
||||||
memberId: null,
|
|
||||||
openid: null,
|
|
||||||
realName: null,
|
|
||||||
title: null,
|
|
||||||
orderId: null,
|
|
||||||
money: null,
|
|
||||||
opType: null,
|
|
||||||
paymentStatus: 0,
|
|
||||||
remark: null,
|
|
||||||
attach: null,
|
|
||||||
responseBody: null,
|
|
||||||
createBy: null,
|
|
||||||
createTime: null,
|
|
||||||
updateBy: null,
|
|
||||||
updateTime: null
|
|
||||||
};
|
|
||||||
this.resetForm("form");
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm("queryForm");
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map(item => item.id)
|
|
||||||
this.single = selection.length!==1
|
|
||||||
this.multiple = !selection.length
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset();
|
|
||||||
this.open = true;
|
|
||||||
this.title = "添加微信订单表";
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.reset();
|
|
||||||
const id = row.id || this.ids
|
|
||||||
getOmsWechatPaymentHistory(id).then(response => {
|
|
||||||
this.form = response;
|
|
||||||
this.open = true;
|
|
||||||
this.title = "修改微信订单表";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm() {
|
|
||||||
this.$refs["form"].validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
if (this.form.id != null) {
|
|
||||||
updateOmsWechatPaymentHistory(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
addOmsWechatPaymentHistory(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("新增成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDelete(row) {
|
|
||||||
const ids = row.id || this.ids;
|
|
||||||
this.$modal.confirm('是否确认删除微信订单表编号为"' + ids + '"的数据项？').then(function() {
|
|
||||||
return delOmsWechatPaymentHistory(ids);
|
|
||||||
}).then(() => {
|
|
||||||
this.getList();
|
|
||||||
this.$modal.msgSuccess("删除成功");
|
|
||||||
}).catch(() => {});
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
const queryParams = this.queryParams;
|
|
||||||
this.$modal.confirm('是否确认导出所有微信订单表数据项？').then(() => {
|
|
||||||
this.exportLoading = true;
|
|
||||||
return exportOmsWechatPaymentHistory(queryParams);
|
|
||||||
}).then(response => {
|
|
||||||
this.$download.download(response);
|
|
||||||
this.exportLoading = false;
|
|
||||||
}).catch(() => {});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,257 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form">
|
|
||||||
<el-form-item label="状态" prop="showStatus">
|
|
||||||
<DictRadio v-model="queryParams.showStatus" @change="handleQuery" size="small"
|
|
||||||
:radioData="dict.type.sys_normal_disable" :showAll="'all'"/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="名称" prop="name">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.nameLike"
|
|
||||||
placeholder="名称"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item class="flex_one tr">
|
|
||||||
<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"
|
|
||||||
plain
|
|
||||||
icon="el-icon-plus"
|
|
||||||
size="mini"
|
|
||||||
@click="handleAdd"
|
|
||||||
>新增</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<el-table v-loading="loading" :data="pmsBrandList" @selection-change="handleSelectionChange" border>
|
|
||||||
<el-table-column type="selection" width="55" align="center"/>
|
|
||||||
<el-table-column label="品牌logo" prop="logo">
|
|
||||||
<template slot-scope="{ row }">
|
|
||||||
<el-image v-if="row.logo" :src="row.logo" :preview-src-list="[row.logo]" class="small-img circle-img"/>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="名称" prop="name"/>
|
|
||||||
<el-table-column label="排序" prop="sort"/>
|
|
||||||
<el-table-column label="状态" prop="showStatus">
|
|
||||||
<template slot-scope="{ row }">
|
|
||||||
<dict-tag :value="row.showStatus" prop-name="sys_normal_disable"/>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="操作" class-name="small-padding fixed-width">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-edit"
|
|
||||||
@click="handleUpdate(scope.row)"
|
|
||||||
>修改
|
|
||||||
</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-delete"
|
|
||||||
@click="handleDelete(scope.row)"
|
|
||||||
>删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<InBody v-show="total>0">
|
|
||||||
<pagination
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNum"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
</InBody>
|
|
||||||
|
|
||||||
<!-- 添加或修改品牌管理对话框 -->
|
|
||||||
<el-dialog :title="title" :visible.sync="open" width="50%" append-to-body>
|
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="108px" inline class="dialog-form-one">
|
|
||||||
<el-form-item label="状态">
|
|
||||||
<DictRadio v-model="form.showStatus" size="small"
|
|
||||||
:radioData="dict.type.sys_normal_disable"/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="名称" prop="name">
|
|
||||||
<el-input v-model="form.name" placeholder="名称" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="排序" prop="sort">
|
|
||||||
<el-input v-model="form.sort" placeholder="请输入排序" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="logo" prop="logo">
|
|
||||||
<oss-image-upload v-model="form.logo" :limit="1" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
||||||
<el-button @click="cancel">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import {addPmsBrand, delPmsBrand, exportPmsBrand, getPmsBrand, listPmsBrand, updatePmsBrand} from "@/api/pms/brand";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "PmsBrand",
|
|
||||||
dicts: ['sys_normal_disable'],
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
// 遮罩层
|
|
||||||
loading: true,
|
|
||||||
// 导出遮罩层
|
|
||||||
exportLoading: false,
|
|
||||||
// 选中数组
|
|
||||||
ids: [],
|
|
||||||
// 非单个禁用
|
|
||||||
single: true,
|
|
||||||
// 非多个禁用
|
|
||||||
multiple: true,
|
|
||||||
// 显示搜索条件
|
|
||||||
showSearch: true,
|
|
||||||
// 总条数
|
|
||||||
total: 0,
|
|
||||||
// 品牌管理表格数据
|
|
||||||
pmsBrandList: [],
|
|
||||||
// 弹出层标题
|
|
||||||
title: "",
|
|
||||||
// 是否显示弹出层
|
|
||||||
open: false,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
nameLike: null,
|
|
||||||
sort: null,
|
|
||||||
showStatus: null,
|
|
||||||
},
|
|
||||||
// 表单参数
|
|
||||||
form: {},
|
|
||||||
// 表单校验
|
|
||||||
rules: {
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 查询品牌管理列表 */
|
|
||||||
getList() {
|
|
||||||
this.loading = true;
|
|
||||||
const {pageNum, pageSize} = this.queryParams;
|
|
||||||
const query = {...this.queryParams, pageNum: undefined, pageSize: undefined};
|
|
||||||
const pageReq = {page: pageNum - 1, size: pageSize};
|
|
||||||
listPmsBrand(query, pageReq).then(response => {
|
|
||||||
const { content, totalElements } = response
|
|
||||||
this.pmsBrandList = content;
|
|
||||||
this.total = totalElements;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.open = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
id: null,
|
|
||||||
name: null,
|
|
||||||
sort: null,
|
|
||||||
showStatus: 0,
|
|
||||||
logo: null,
|
|
||||||
createBy: null,
|
|
||||||
createTime: null,
|
|
||||||
updateBy: null,
|
|
||||||
updateTime: null
|
|
||||||
};
|
|
||||||
this.resetForm("form");
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm("queryForm");
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map(item => item.id)
|
|
||||||
this.single = selection.length!==1
|
|
||||||
this.multiple = !selection.length
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset();
|
|
||||||
this.open = true;
|
|
||||||
this.title = "添加品牌管理";
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.reset();
|
|
||||||
const id = row.id || this.ids
|
|
||||||
getPmsBrand(id).then(response => {
|
|
||||||
this.form = response;
|
|
||||||
this.open = true;
|
|
||||||
this.title = "修改品牌管理";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm() {
|
|
||||||
this.$refs["form"].validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
if (this.form.id != null) {
|
|
||||||
updatePmsBrand(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
addPmsBrand(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("新增成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDelete(row) {
|
|
||||||
const ids = row.id || this.ids;
|
|
||||||
this.$modal.confirm('是否确认删除品牌管理编号为"' + ids + '"的数据项？').then(function() {
|
|
||||||
return delPmsBrand(ids);
|
|
||||||
}).then(() => {
|
|
||||||
this.getList();
|
|
||||||
this.$modal.msgSuccess("删除成功");
|
|
||||||
}).catch(() => {});
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
const queryParams = this.queryParams;
|
|
||||||
this.$modal.confirm('是否确认导出所有品牌管理数据项？').then(() => {
|
|
||||||
this.exportLoading = true;
|
|
||||||
return exportPmsBrand(queryParams);
|
|
||||||
}).then(response => {
|
|
||||||
this.$download.download(response);
|
|
||||||
this.exportLoading = false;
|
|
||||||
}).catch(() => {});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,363 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="add-product-wrapper">
|
|
||||||
<el-form label-width="108px" :model="form" ref="form" :rules="rules">
|
|
||||||
<el-card style="margin: 20px 20px; font-size: 14px">
|
|
||||||
<div slot="header">
|
|
||||||
<span>基本信息</span>
|
|
||||||
</div>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="商品名称" prop="name">
|
|
||||||
<el-input v-model="form.name" placeholder="请输入商品名称"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="商品编码" prop="outProductId">
|
|
||||||
<el-input v-model="form.outProductId" placeholder="请输入商品编码"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="品牌" prop="brandId">
|
|
||||||
<brand-select v-model="form.brandId" @change="onBrandChange"></brand-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="分类" prop="categoryId">
|
|
||||||
<product-category-select v-model="form.categoryId" @change="categoryChange"></product-category-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="排序" prop="sort">
|
|
||||||
<el-input v-model="form.sort" placeholder="请输入排序"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="价格" prop="price">
|
|
||||||
<el-input v-model="form.price" placeholder="请输入PRICE"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="单位" prop="unit">
|
|
||||||
<el-input v-model="form.unit" placeholder="请输入单位"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="商品重量" prop="weight">
|
|
||||||
<el-input v-model="form.weight" placeholder="商品重量，默认为克"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="上架状态">
|
|
||||||
<DictRadio v-model="form.publishStatus" size="small"
|
|
||||||
:radioData="dict.type.pms_publish_status"/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-card>
|
|
||||||
|
|
||||||
<el-card style="margin: 20px 20px; font-size: 14px">
|
|
||||||
<div slot="header">
|
|
||||||
<span>产品图片</span>
|
|
||||||
</div>
|
|
||||||
<el-form-item label="主图" prop="pic">
|
|
||||||
<oss-image-upload v-model="form.pic" :limit="1"></oss-image-upload>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="轮播图" prop="albumPics">
|
|
||||||
<oss-image-upload v-model="albumPics" :limit="5"></oss-image-upload>
|
|
||||||
</el-form-item>
|
|
||||||
</el-card>
|
|
||||||
|
|
||||||
<el-card style="margin: 20px 20px; font-size: 14px">
|
|
||||||
<div slot="header">
|
|
||||||
<span>产品规格</span>
|
|
||||||
</div>
|
|
||||||
<el-form-item label="规格类型">
|
|
||||||
<div class="sku-wrapper">
|
|
||||||
<div class="sku_sorts">
|
|
||||||
<div class="sku_sort" v-for="(s, idx0) in productAttr" :key="s.name">
|
|
||||||
<div class="label flex-center">
|
|
||||||
<div class="flex-one">
|
|
||||||
<dict-select v-model="s.name" prop-name="sku_sort_list" value-prop="label"></dict-select>
|
|
||||||
</div><a class="red" @click="deleteSkuSort(idx0)">删除规格类型</a>
|
|
||||||
</div>
|
|
||||||
<div class="values" v-if="s.name">
|
|
||||||
<div class="value" v-for="(it2, idx1) in s.options" :key="idx1">
|
|
||||||
<el-input :value="it2.name" @input="changeName(s, idx1, $event)" placeholder="请输入规格名称"></el-input><a class="red no-break ml8" v-if="idx1 < s.options.length - 1 || (s.options.length === maxOptionNum && idx1 === 3)" @click="deleteOption(s, idx1)">删除</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<el-button v-if="productAttr.length < 2" @click="addSkuSort">+添加规格类型</el-button>
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="规格信息">
|
|
||||||
<el-button @click="refreshSku()" class="mb20">刷新列表</el-button>
|
|
||||||
<el-table :data="form.skuList" :max-height="400">
|
|
||||||
<el-table-column v-for="s in skuAttr" :label="s.name" :key="s.name" :prop="s.name"></el-table-column>
|
|
||||||
<el-table-column label="展示图片">
|
|
||||||
<template v-slot="{ row }">
|
|
||||||
<oss-image-upload class="img-upload-mini" v-model="row.pic" :limit="1" :is-show-tip="false"></oss-image-upload>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="销售价格" >
|
|
||||||
<template v-slot="{ row,$index }">
|
|
||||||
<el-form-item
|
|
||||||
:rules="{ required: true, message: '请填写价格', trigger: 'blur' }"
|
|
||||||
:prop="'skuList['+$index+'].price'">
|
|
||||||
<el-input v-model="row.price"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="库存">
|
|
||||||
<template v-slot="{ row, $index }">
|
|
||||||
<el-input v-model="row.stock" type="number"></el-input>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="编码">
|
|
||||||
<template v-slot="{ row }">
|
|
||||||
<el-form-item>
|
|
||||||
<el-input v-model="row.outSkuId"></el-input>
|
|
||||||
<el-input v-model="row.spData" v-show="false"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</el-form-item>
|
|
||||||
</el-card>
|
|
||||||
<el-card style="margin: 20px 20px; font-size: 14px">
|
|
||||||
<div slot="header">
|
|
||||||
<span>详情页</span>
|
|
||||||
</div>
|
|
||||||
<el-form-item label="移动端" prop="detailMobileHtml">
|
|
||||||
<Editor v-model="form.detailMobileHtml" placeholder="请输入内容" type="url"></Editor>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="PC端" prop="detailHtml">
|
|
||||||
<Editor v-model="form.detailHtml" placeholder="请输入内容" type="url"></Editor>
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
</el-card>
|
|
||||||
|
|
||||||
<div class="tc">
|
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
||||||
<el-button @click="cancel">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-form>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import {addPmsProduct, getPmsProduct, updatePmsProduct} from "@/api/pms/product";
|
|
||||||
import ProductCategorySelect from "@/views/components/ProductCategorySelect";
|
|
||||||
import BrandSelect from "@/views/components/BrandSelect";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "AddProduct",
|
|
||||||
dicts: ['pms_publish_status'],
|
|
||||||
components: {BrandSelect, ProductCategorySelect},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
rules: {
|
|
||||||
name: [
|
|
||||||
{ required: true, message: '请输入商品名称', trigger: 'blur' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
form: {
|
|
||||||
publishStatus: 0,
|
|
||||||
sort: 1000
|
|
||||||
},
|
|
||||||
skuAttr:[],
|
|
||||||
albumPics:null,
|
|
||||||
productAttr: [
|
|
||||||
{
|
|
||||||
name: '颜色',
|
|
||||||
options: [
|
|
||||||
{name: '红'},
|
|
||||||
{name: null}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
],
|
|
||||||
maxOptionNum: 44
|
|
||||||
}
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
const {id} = this.$route.query
|
|
||||||
if (id) {
|
|
||||||
this.getInfo(id);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
refreshSku(){
|
|
||||||
let skus = [];
|
|
||||||
let skuMap = new Map()
|
|
||||||
this.skuAttr=[...this.productAttr]
|
|
||||||
if(this.form.skuList){
|
|
||||||
this.form.skuList.forEach(sku=>{
|
|
||||||
skuMap.set(sku.spData,sku)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
this.productAttr.forEach((attr, index) => {
|
|
||||||
const attrSku = [];
|
|
||||||
attr.options.forEach((option) => {
|
|
||||||
if (!option.name) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if (index === 0) {
|
|
||||||
attrSku.push({[attr.name]: option.name});
|
|
||||||
} else {
|
|
||||||
skus.forEach(it3 => {
|
|
||||||
attrSku.push({...it3, [attr.name]: option.name })
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
skus = attrSku;
|
|
||||||
})
|
|
||||||
skus.forEach(it => {
|
|
||||||
if(it){
|
|
||||||
it.spData=JSON.stringify(it)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
skus.forEach(it => {
|
|
||||||
let sku = skuMap.get(it.spData);
|
|
||||||
if(sku){
|
|
||||||
it.outSkuId = sku.outSkuId;
|
|
||||||
it.price = sku.price;
|
|
||||||
it.pic = sku.pic;
|
|
||||||
it.stock = sku.stock;
|
|
||||||
it.id = sku.id
|
|
||||||
}else{
|
|
||||||
it.outSkuId = null;
|
|
||||||
it.price = null;
|
|
||||||
it.pic = null;
|
|
||||||
it.stock = null;
|
|
||||||
it.id = null
|
|
||||||
}
|
|
||||||
|
|
||||||
})
|
|
||||||
this.form.productAttr = JSON.stringify(this.productAttr)
|
|
||||||
this.form.skuList= skus
|
|
||||||
},
|
|
||||||
categoryChange(value){
|
|
||||||
if(Array.isArray(value)){
|
|
||||||
console.log(value.toString())
|
|
||||||
this.form.productCategoryName=value.toString()
|
|
||||||
}else{
|
|
||||||
this.form.productCategoryName=null
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
onBrandChange(value){
|
|
||||||
this.form.brandName = value
|
|
||||||
},
|
|
||||||
getInfo(id) {
|
|
||||||
getPmsProduct(id).then(response => {
|
|
||||||
const {albumPics } = response
|
|
||||||
if (albumPics) {
|
|
||||||
this.albumPics = albumPics.split(',')
|
|
||||||
}
|
|
||||||
this.form = response;
|
|
||||||
if(this.form.productAttr){
|
|
||||||
this.productAttr =JSON.parse(this.form.productAttr)
|
|
||||||
}
|
|
||||||
this.refreshSku()
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm() {
|
|
||||||
this.$refs["form"].validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
if(this.albumPics){
|
|
||||||
this.form.albumPics = this.albumPics.toString()
|
|
||||||
}
|
|
||||||
if(this.form.categoryId && Array.isArray(this.form.categoryId)){
|
|
||||||
this.form.categoryId = this.form.categoryId.pop()
|
|
||||||
}
|
|
||||||
//商品价格没填时取sku的最低价
|
|
||||||
if (!this.form.price){
|
|
||||||
this.form.price = Math.min.apply(Math, this.form.skuList.map(it => it.price))
|
|
||||||
}
|
|
||||||
if (this.form.id != null) {
|
|
||||||
updatePmsProduct(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
addPmsProduct(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("新增成功");
|
|
||||||
});
|
|
||||||
}
|
|
||||||
this.cancel();
|
|
||||||
}else{
|
|
||||||
if(this.form.name){
|
|
||||||
this.$alert('请填写规格价格', '提示', {
|
|
||||||
confirmButtonText: '确定',
|
|
||||||
});
|
|
||||||
}else{
|
|
||||||
this.$alert('请填写商品名称', '提示', {
|
|
||||||
confirmButtonText: '确定',
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
cancel() {
|
|
||||||
this.$tab.closeOpenPage({ path: '/pms/product' })
|
|
||||||
},
|
|
||||||
changeName(s, idx, val) {
|
|
||||||
s.options[idx].name = val;
|
|
||||||
if (s.options.length - 1 !== idx || s.options.length >= this.maxOptionNum) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
s.options.push({name: null})
|
|
||||||
},
|
|
||||||
addSkuSort() {
|
|
||||||
this.productAttr.push({
|
|
||||||
name: null,
|
|
||||||
options: [{name: null}]
|
|
||||||
})
|
|
||||||
},
|
|
||||||
deleteSkuSort(idx) {
|
|
||||||
this.productAttr.splice(idx);
|
|
||||||
},
|
|
||||||
deleteOption(s, idx) {
|
|
||||||
s.options.splice(idx, 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="stylus">
|
|
||||||
.add-product-wrapper
|
|
||||||
padding 12px
|
|
||||||
.content
|
|
||||||
margin 0 auto
|
|
||||||
width 75%
|
|
||||||
min-width 800px
|
|
||||||
.sku-wrapper
|
|
||||||
background-color #f7f8fa
|
|
||||||
padding 12px
|
|
||||||
.sku_sorts
|
|
||||||
.sku_sort
|
|
||||||
background-color white
|
|
||||||
margin-bottom 12px
|
|
||||||
.label
|
|
||||||
padding 8px
|
|
||||||
.values
|
|
||||||
padding 8px 0 0 8px
|
|
||||||
border-top 1px solid $border-color
|
|
||||||
display flex
|
|
||||||
flex-wrap wrap
|
|
||||||
.value
|
|
||||||
padding 0 32px 8px 0
|
|
||||||
width 200px!important
|
|
||||||
display flex
|
|
||||||
align-items center
|
|
||||||
.img-upload-mini .el-upload--picture-card
|
|
||||||
width: 48px;
|
|
||||||
height: 48px;
|
|
||||||
line-height: 57px;
|
|
||||||
</style>
|
|
||||||
@ -1,131 +0,0 @@
|
|||||||
<template>
|
|
||||||
<el-dialog :title="chooseSkuObj.title" :visible.sync="chooseSkuObj.open" :width="chooseSkuObj.width" append-to-body>
|
|
||||||
<el-form ref="auditForm" inline :model="chooseSkuObj.queryParams" label-width="80px">
|
|
||||||
<el-form-item label="菜品名称" prop="nameLike">
|
|
||||||
<el-input
|
|
||||||
size="small"
|
|
||||||
placeholder="请输入菜品名称"
|
|
||||||
v-model="chooseSkuObj.queryParams.nameLike"
|
|
||||||
clearable
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="菜品分类" prop="productCategoryName">
|
|
||||||
<product-category-select v-model="chooseSkuObj.queryParams.categoryId"></product-category-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="getSkuList">搜索</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<el-table class="mt20" :data="chooseSkuObj.list" ref="table" v-loading="chooseSkuObj.loading" max-height="500" border
|
|
||||||
row-key="id" @selection-change="handleSelectionChange">
|
|
||||||
<el-table-column type="selection" width="55" align="center" :reserve-selection="true"/>
|
|
||||||
<el-table-column label="菜品名称" prop="name">
|
|
||||||
<template v-slot="{row}">
|
|
||||||
<div class="flex-center">
|
|
||||||
<el-image v-if="row.pic" :src="row.pic" :preview-src-list="[row.pic]" class="small-img circle-img"/>
|
|
||||||
<span class="ml5">{{ row.name }}</span>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="销量" prop="sales"/>
|
|
||||||
<el-table-column label="创建时间" prop="createTime"/>
|
|
||||||
</el-table>
|
|
||||||
<pagination
|
|
||||||
v-show="chooseSkuObj.total>0"
|
|
||||||
:total="chooseSkuObj.total"
|
|
||||||
:page.sync="chooseSkuObj.queryParams.pageNum"
|
|
||||||
:limit.sync="chooseSkuObj.queryParams.pageSize"
|
|
||||||
@pagination="getSkuList"
|
|
||||||
/>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
||||||
<el-button @click="chooseSkuObj.open=false">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import {listPmsProduct} from "@/api/pms/product";
|
|
||||||
import ProductCategorySelect from "@/views/components/ProductCategorySelect.vue";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
components: {ProductCategorySelect},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
selectSkuIds: [],
|
|
||||||
selectProducts: [],
|
|
||||||
chooseSkuObj: {
|
|
||||||
loading: false,
|
|
||||||
open: false,
|
|
||||||
title: "选择菜品",
|
|
||||||
list: [],
|
|
||||||
width: '60%',
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
categoryId: null,
|
|
||||||
pageSize: 10,
|
|
||||||
nameLike: null,
|
|
||||||
publishStatus: 1,
|
|
||||||
excludeProductIds: []
|
|
||||||
},
|
|
||||||
total: 0
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
submitForm() {
|
|
||||||
this.$emit('onComplete', this.selectProducts)
|
|
||||||
this.chooseSkuObj.open = false
|
|
||||||
},
|
|
||||||
async init(chooseProductId) {
|
|
||||||
this.chooseSkuObj.queryParams.excludeProductIds = chooseProductId;
|
|
||||||
this.chooseSkuObj.queryParams.pageNum = 1;
|
|
||||||
await this.getSkuList();
|
|
||||||
this.chooseSkuObj.open = true
|
|
||||||
this.$nextTick(()=>{
|
|
||||||
this.$refs.table.clearSelection()
|
|
||||||
})
|
|
||||||
},
|
|
||||||
judge() {
|
|
||||||
this.$nextTick(()=>{
|
|
||||||
this.chooseSkuObj.list.forEach(ele => {
|
|
||||||
if (this.selectProducts.some(item => item.id === ele.id)) {
|
|
||||||
this.$refs.table.toggleRowSelection(ele, true)
|
|
||||||
} else {
|
|
||||||
this.$refs.table.toggleRowSelection(ele, false)
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})
|
|
||||||
},
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.selectProducts = selection
|
|
||||||
},
|
|
||||||
async getSkuList() {
|
|
||||||
this.chooseSkuObj.loading = true;
|
|
||||||
const query = {...this.chooseSkuObj.queryParams, pageNum: undefined, pageSize: undefined};
|
|
||||||
if (query.categoryId && Array.isArray(query.categoryId)) {
|
|
||||||
query.categoryId = query.categoryId.pop()
|
|
||||||
}
|
|
||||||
const {pageNum, pageSize} = this.chooseSkuObj.queryParams;
|
|
||||||
const pageReq = {page: pageNum - 1, size: pageSize};
|
|
||||||
await listPmsProduct(query, pageReq).then(response => {
|
|
||||||
const {content, totalElements} = response
|
|
||||||
this.chooseSkuObj.list = [...content];
|
|
||||||
this.chooseSkuObj.total = totalElements;
|
|
||||||
this.chooseSkuObj.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="stylus">
|
|
||||||
.line
|
|
||||||
display flex
|
|
||||||
align-items center
|
|
||||||
margin-bottom: 5px;
|
|
||||||
border-bottom 1px dashed #ccc
|
|
||||||
|
|
||||||
.line:last-child
|
|
||||||
border-bottom 0 !important
|
|
||||||
margin-bottom 0 !important
|
|
||||||
</style>
|
|
||||||
@ -1,320 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-form
|
|
||||||
:model="queryParams"
|
|
||||||
ref="queryForm"
|
|
||||||
:inline="true"
|
|
||||||
v-show="showSearch"
|
|
||||||
label-width="100px"
|
|
||||||
size="medium"
|
|
||||||
class="ry_form"
|
|
||||||
>
|
|
||||||
<el-form-item label="状态" prop="showStatus">
|
|
||||||
<DictRadio
|
|
||||||
v-model="queryParams.showStatus"
|
|
||||||
@change="handleQuery"
|
|
||||||
size="small"
|
|
||||||
:radioData="dict.type.sys_show_status"
|
|
||||||
:showAll="'all'"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="名称" prop="name">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.nameLike"
|
|
||||||
placeholder="名称"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<el-form-item class="flex_one tr">
|
|
||||||
<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"
|
|
||||||
plain
|
|
||||||
icon="el-icon-plus"
|
|
||||||
size="mini"
|
|
||||||
@click="handleAdd"
|
|
||||||
>新增
|
|
||||||
</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<el-table
|
|
||||||
v-loading="loading"
|
|
||||||
:data="pmsProductCategoryList"
|
|
||||||
border
|
|
||||||
:tree-props="{ hasChildren: 'hasChildren', children: 'children' }"
|
|
||||||
@selection-change="handleSelectionChange"
|
|
||||||
row-key="id"
|
|
||||||
>
|
|
||||||
<el-table-column label="名称" prop="name" />
|
|
||||||
<el-table-column label="图片" prop="icon">
|
|
||||||
<template slot-scope="{ row }">
|
|
||||||
<el-image
|
|
||||||
v-if="row.icon"
|
|
||||||
:src="row.icon"
|
|
||||||
:preview-src-list="[row.icon]"
|
|
||||||
class="small-img circle-img"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="排序" prop="sort" />
|
|
||||||
<el-table-column label="状态" prop="showStatus">
|
|
||||||
<template v-slot="{ row }">
|
|
||||||
<dict-tag
|
|
||||||
:value="row.showStatus"
|
|
||||||
prop-name="sys_show_status"
|
|
||||||
></dict-tag>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
label="操作"
|
|
||||||
class-name="small-padding fixed-width"
|
|
||||||
>
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-edit"
|
|
||||||
@click="handleUpdate(scope.row)"
|
|
||||||
>修改
|
|
||||||
</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-delete"
|
|
||||||
@click="handleDelete(scope.row)"
|
|
||||||
>删除
|
|
||||||
</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<!-- 添加或修改商品分类对话框 -->
|
|
||||||
<el-dialog :title="title" :visible.sync="open" width="500px">
|
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="108px">
|
|
||||||
<el-form-item label="名称" prop="name">
|
|
||||||
<el-input v-model="form.name" placeholder="名称" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="图片" prop="icon">
|
|
||||||
<oss-image-upload v-model="form.icon" :limit="1" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="状态">
|
|
||||||
<DictRadio
|
|
||||||
v-model="form.showStatus"
|
|
||||||
size="small"
|
|
||||||
:radioData="dict.type.sys_show_status"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="排序" prop="sort">
|
|
||||||
<el-input v-model="form.sort" placeholder="排序" />
|
|
||||||
</el-form-item>
|
|
||||||
<!-- <el-form-item label="层级" prop="level">
|
|
||||||
<el-input v-model="form.level" placeholder="层级" />
|
|
||||||
</el-form-item> -->
|
|
||||||
<!-- <el-form-item label="上级分类" prop="parentId">
|
|
||||||
<product-category-select class="w200" v-model="form.parentId" :props="{ checkStrictly: true }"/>
|
|
||||||
</el-form-item> -->
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
||||||
<el-button @click="cancel">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import {
|
|
||||||
listPmsProductCategory,
|
|
||||||
getPmsProductCategory,
|
|
||||||
delPmsProductCategory,
|
|
||||||
addPmsProductCategory,
|
|
||||||
updatePmsProductCategory,
|
|
||||||
exportPmsProductCategory,
|
|
||||||
} from "@/api/pms/productCategory";
|
|
||||||
import ProductCategorySelect from "@/views/components/ProductCategorySelect";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "PmsProductCategory",
|
|
||||||
dicts: ["sys_show_status"],
|
|
||||||
components: { ProductCategorySelect },
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
// 遮罩层
|
|
||||||
loading: true,
|
|
||||||
// 导出遮罩层
|
|
||||||
exportLoading: false,
|
|
||||||
// 选中数组
|
|
||||||
ids: [],
|
|
||||||
// 非单个禁用
|
|
||||||
single: true,
|
|
||||||
// 非多个禁用
|
|
||||||
multiple: true,
|
|
||||||
// 显示搜索条件
|
|
||||||
showSearch: true,
|
|
||||||
// 商品分类表格数据
|
|
||||||
pmsProductCategoryList: [],
|
|
||||||
// 弹出层标题
|
|
||||||
title: "",
|
|
||||||
// 是否显示弹出层
|
|
||||||
open: false,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
parentId: null,
|
|
||||||
nameLike: null,
|
|
||||||
level: null,
|
|
||||||
showStatus: null,
|
|
||||||
sort: null,
|
|
||||||
},
|
|
||||||
// 表单参数
|
|
||||||
form: {},
|
|
||||||
// 表单校验
|
|
||||||
rules: {},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 查询商品分类列表 */
|
|
||||||
getList() {
|
|
||||||
this.loading = true;
|
|
||||||
const query = { ...this.queryParams };
|
|
||||||
listPmsProductCategory(query).then((rows) => {
|
|
||||||
this.pmsProductCategoryList = rows;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.open = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
id: null,
|
|
||||||
parentId: null,
|
|
||||||
name: null,
|
|
||||||
level: null,
|
|
||||||
showStatus: 0,
|
|
||||||
sort: null,
|
|
||||||
icon: null,
|
|
||||||
createBy: null,
|
|
||||||
createTime: null,
|
|
||||||
updateBy: null,
|
|
||||||
updateTime: null,
|
|
||||||
};
|
|
||||||
this.resetForm("form");
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm("queryForm");
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map((item) => item.id);
|
|
||||||
this.single = selection.length !== 1;
|
|
||||||
this.multiple = !selection.length;
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset();
|
|
||||||
this.open = true;
|
|
||||||
this.title = "添加商品分类";
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.reset();
|
|
||||||
const id = row.id || this.ids;
|
|
||||||
getPmsProductCategory(id).then((response) => {
|
|
||||||
this.form = response;
|
|
||||||
this.open = true;
|
|
||||||
this.title = "修改商品分类";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm() {
|
|
||||||
this.$refs["form"].validate((valid) => {
|
|
||||||
if (valid) {
|
|
||||||
let p;
|
|
||||||
if (this.form.parentId) {
|
|
||||||
this.form.parentId = this.form.parentId.pop();
|
|
||||||
}
|
|
||||||
if (this.form.id != null) {
|
|
||||||
p = updatePmsProductCategory(this.form).then((response) => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
p = addPmsProductCategory(this.form).then((response) => {
|
|
||||||
this.$modal.msgSuccess("新增成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
p.then(() => {
|
|
||||||
this.$store.dispatch("mall/loadProductCategories", true);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDelete(row) {
|
|
||||||
if (row.children && row.children.length > 0) {
|
|
||||||
this.$message.error("请先删除子目录");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const ids = row.id;
|
|
||||||
this.$modal
|
|
||||||
.confirm('是否确认删除商品分类编号为"' + ids + '"的数据项？')
|
|
||||||
.then(function () {
|
|
||||||
return delPmsProductCategory(ids);
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
this.getList();
|
|
||||||
this.$modal.msgSuccess("删除成功");
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
const queryParams = this.queryParams;
|
|
||||||
this.$modal
|
|
||||||
.confirm("是否确认导出所有商品分类数据项？")
|
|
||||||
.then(() => {
|
|
||||||
this.exportLoading = true;
|
|
||||||
return exportPmsProductCategory(queryParams);
|
|
||||||
})
|
|
||||||
.then((response) => {
|
|
||||||
this.$download.download(response);
|
|
||||||
this.exportLoading = false;
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,427 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<div v-show="show">
|
|
||||||
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form">
|
|
||||||
<el-form-item label="创建时间">
|
|
||||||
<el-date-picker
|
|
||||||
size="small"
|
|
||||||
v-model="dateRange"
|
|
||||||
style="width: 240px"
|
|
||||||
value-format="yyyy-MM-dd"
|
|
||||||
type="daterange"
|
|
||||||
:clearable="true"
|
|
||||||
:picker-options='pickerOptions'
|
|
||||||
range-separator="-"
|
|
||||||
start-placeholder="开始日期"
|
|
||||||
end-placeholder="结束日期"
|
|
||||||
></el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- <el-form-item label="账号启用状态">-->
|
|
||||||
<!-- <el-select v-model="queryParams.status" placeholder="请选择" :clearable="true" size="small">-->
|
|
||||||
<!-- <el-option label="禁用" value="0">-->
|
|
||||||
<!-- </el-option>-->
|
|
||||||
<!-- <el-option label="启用" value="1">-->
|
|
||||||
<!-- </el-option>-->
|
|
||||||
<!-- </el-select>-->
|
|
||||||
<!-- </el-form-item>-->
|
|
||||||
<el-form-item label="昵称" prop="nickname">
|
|
||||||
<el-input
|
|
||||||
v-model.trim="queryParams.nickname"
|
|
||||||
placeholder="请输入昵称"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="手机号码" prop="phone">
|
|
||||||
<el-input
|
|
||||||
v-model.trim="queryParams.phone"
|
|
||||||
placeholder="请输入手机号码"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注" prop="mark">
|
|
||||||
<el-select v-model="queryParams.hasMark" clearable size="small">
|
|
||||||
<el-option value="1" label="有备注" />
|
|
||||||
<el-option value="0" label="无备注"/>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item class="flex_one tr">
|
|
||||||
<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-button :icon="showMoreCondition ? 'el-icon-arrow-up' : 'el-icon-arrow-down'" size="mini" @click="showMoreCondition = !showMoreCondition">{{showMoreCondition ? '收起条件' : '展开条件'}}</el-button>-->
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<el-table v-loading="loading" :data="umsMemberList" border>
|
|
||||||
<el-table-column label="昵称" prop="nickname" width="150"/>
|
|
||||||
<el-table-column label="手机号码" prop="phoneHidden" width="150"/>
|
|
||||||
<el-table-column label="佣金" width="120">
|
|
||||||
<template v-slot="scope">
|
|
||||||
<div>0.00</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="积分" width="120">
|
|
||||||
<template v-slot="scope">
|
|
||||||
<div>0.00</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="余额" width="120">
|
|
||||||
<template v-slot="scope">
|
|
||||||
<div>0.00</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="注册时间" prop="createTime" width="180">
|
|
||||||
<template v-slot="scope">
|
|
||||||
<div>{{ parseTime(scope.row.createTime) }}</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="上次登录" prop="createTime">
|
|
||||||
<template v-slot="scope">
|
|
||||||
<div>{{ parseTime(scope.row.createTime) }}</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="备注">
|
|
||||||
<template v-slot="scope">
|
|
||||||
<span class="mr10">{{scope.row.mark}}</span>
|
|
||||||
<i class="el-icon-edit pointer" @click="showUpdateMark(scope.row)"></i>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="操作" class-name="small-padding fixed-width" fix="right" width="200">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
@click="showStatistics(scope.row.id)"
|
|
||||||
v-hasPermi="['ums:member:statistics']"
|
|
||||||
>查看数据
|
|
||||||
</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
@click="goOrder(scope.row.phoneEncrypted)"
|
|
||||||
>查看下单</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
@click="goCart(scope.row.phoneEncrypted)"
|
|
||||||
>查看购物车</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
<InBody v-show="total>0">
|
|
||||||
<pagination
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNum"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
</InBody>
|
|
||||||
</div>
|
|
||||||
<SeeAdsComponent ref="seeAdsComponentRef" v-if="!show" @confirmOk="confirmOk"/>
|
|
||||||
<!-- 统计 -->
|
|
||||||
<el-dialog :title="statisticsObj.title" :visible.sync="statisticsObj.open" width="500px" append-to-body>
|
|
||||||
<el-descriptions direction="vertical" :column="2" border>
|
|
||||||
<el-descriptions-item label="购物车数">{{ statisticsObj.data.cartCount }}</el-descriptions-item>
|
|
||||||
<el-descriptions-item label="订单数">{{ statisticsObj.data.orderCount }}</el-descriptions-item>
|
|
||||||
<el-descriptions-item label="下单金额">￥{{ statisticsObj.data.orderAmount.toFixed(2) }}</el-descriptions-item>
|
|
||||||
<el-descriptions-item label="售后数">{{ statisticsObj.data.aftersaleCount }}</el-descriptions-item>
|
|
||||||
</el-descriptions>
|
|
||||||
</el-dialog>
|
|
||||||
<el-dialog title="修改备注" :visible.sync="remarkModal.visible" width="30%" append-to-body>
|
|
||||||
<el-input type='textarea' :rows='3' placeholder='请输入内容' v-model='remarkModal.mark'/>
|
|
||||||
<span class="dialog-footer" slot="footer">
|
|
||||||
<el-button @click="remarkModal.visible = false">取 消</el-button>
|
|
||||||
<el-button type='primary' @click='updateRemark'>确 定</el-button>
|
|
||||||
</span>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import {
|
|
||||||
addUmsMember,
|
|
||||||
changeAccountStatus,
|
|
||||||
decryptedPhone,
|
|
||||||
delUmsMember,
|
|
||||||
exportUmsMember,
|
|
||||||
getUmsMember,
|
|
||||||
listUmsMember,
|
|
||||||
updateUmsMember,
|
|
||||||
updateUmsMemberMark,
|
|
||||||
viewStatistics
|
|
||||||
} from "@/api/ums/member";
|
|
||||||
import dateUtil from '@/utils/DateUtil';
|
|
||||||
import {isStarRepo} from "@/utils/is-star-plugin";
|
|
||||||
import {mapGetters} from "vuex";
|
|
||||||
import SeeAdsComponent from "@/components/SeeAdsComponent.vue";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "UmsMember",
|
|
||||||
components: {SeeAdsComponent},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
show: false,
|
|
||||||
pickerOptions: {
|
|
||||||
shortcuts: dateUtil.getTimeShort()
|
|
||||||
},
|
|
||||||
remarkModal: {
|
|
||||||
visible: false,
|
|
||||||
mark: null,
|
|
||||||
memberId: null,
|
|
||||||
},
|
|
||||||
// 遮罩层
|
|
||||||
loading: true,
|
|
||||||
// 导出遮罩层
|
|
||||||
exportLoading: false,
|
|
||||||
// 选中数组
|
|
||||||
ids: [],
|
|
||||||
// 非单个禁用
|
|
||||||
single: true,
|
|
||||||
// 非多个禁用
|
|
||||||
multiple: true,
|
|
||||||
// 显示搜索条件
|
|
||||||
showSearch: true,
|
|
||||||
// 总条数
|
|
||||||
total: 0,
|
|
||||||
// 会员信息表格数据
|
|
||||||
umsMemberList: [],
|
|
||||||
// 弹出层标题
|
|
||||||
title: "",
|
|
||||||
// 是否显示弹出层
|
|
||||||
open: false,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
nickname: null,
|
|
||||||
phone: null,
|
|
||||||
status: undefined,
|
|
||||||
hasMark: undefined
|
|
||||||
},
|
|
||||||
dateRange:[],
|
|
||||||
// 表单参数
|
|
||||||
form: {},
|
|
||||||
// 表单校验
|
|
||||||
rules: {
|
|
||||||
level: [
|
|
||||||
{ required: true, message: "等级不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
integral: [
|
|
||||||
{ required: true, message: "用户剩余积分不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
},
|
|
||||||
showMoreCondition: false,
|
|
||||||
statisticsObj: {
|
|
||||||
open: false,
|
|
||||||
data: {
|
|
||||||
cartCount: 0,
|
|
||||||
orderCount: 0,
|
|
||||||
orderAmount: 0.00,
|
|
||||||
aftersaleCount: 0
|
|
||||||
},
|
|
||||||
title: '用户数据统计'
|
|
||||||
}
|
|
||||||
};
|
|
||||||
},
|
|
||||||
async created() {
|
|
||||||
this.$nextTick(()=>{
|
|
||||||
this.$refs.seeAdsComponentRef.show()
|
|
||||||
})
|
|
||||||
},
|
|
||||||
computed:{
|
|
||||||
...mapGetters(['userId']),
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
async confirmOk(success) {
|
|
||||||
if (success) {
|
|
||||||
const res = await isStarRepo('zccbbg', 'RuoYi-Mall', this.userId, 'https://mall.ichengle.top/member/member', 'ruoyi-mall-商城', 'https://gitee.com/zccbbg/RuoYi-Mall')
|
|
||||||
this.show = res;
|
|
||||||
if (res) {
|
|
||||||
this.getList();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
showUpdateMark(record){
|
|
||||||
this.remarkModal = {
|
|
||||||
visible: true,
|
|
||||||
mark: record.mark,
|
|
||||||
memberId: record.id
|
|
||||||
}
|
|
||||||
},
|
|
||||||
updateRemark(){
|
|
||||||
updateUmsMemberMark({id:this.remarkModal.memberId,mark:this.remarkModal.mark})
|
|
||||||
.then(res=>{
|
|
||||||
if (res > 0) {
|
|
||||||
this.$message.success('修改成功');
|
|
||||||
this.remarkModal.visible = false;
|
|
||||||
const obj = this.umsMemberList.filter(it=>it.id === this.remarkModal.memberId)[0]
|
|
||||||
obj.mark = this.remarkModal.mark;
|
|
||||||
} else {
|
|
||||||
this.$message.success('修改失败');
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
/** 查询会员信息列表 */
|
|
||||||
getList() {
|
|
||||||
this.loading = true;
|
|
||||||
const {pageNum, pageSize} = this.queryParams;
|
|
||||||
let query = {...this.queryParams, pageNum: undefined, pageSize: undefined};
|
|
||||||
const pageReq = {page: pageNum - 1, size: pageSize};
|
|
||||||
if (!this.dateRange || this.dateRange.length > 0){
|
|
||||||
query = { ...this.addDateRange2(query, this.dateRange) }
|
|
||||||
}
|
|
||||||
listUmsMember(query, pageReq).then(response => {
|
|
||||||
const { content, totalElements } = response
|
|
||||||
this.umsMemberList = content;
|
|
||||||
this.total = totalElements;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.open = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
id: null,
|
|
||||||
nickname: null,
|
|
||||||
password: null,
|
|
||||||
phone: null,
|
|
||||||
mark: null,
|
|
||||||
status: 0,
|
|
||||||
avatar: null,
|
|
||||||
gender: null,
|
|
||||||
city: null,
|
|
||||||
province: null,
|
|
||||||
country: null,
|
|
||||||
remark: null,
|
|
||||||
birthday: null,
|
|
||||||
spreadUid: null,
|
|
||||||
spreadTime: null,
|
|
||||||
level: null,
|
|
||||||
integral: null,
|
|
||||||
createBy: null,
|
|
||||||
createTime: null,
|
|
||||||
updateBy: null,
|
|
||||||
updateTime: null
|
|
||||||
};
|
|
||||||
this.resetForm("form");
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm("queryForm");
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map(item => item.id)
|
|
||||||
this.single = selection.length!==1
|
|
||||||
this.multiple = !selection.length
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset();
|
|
||||||
this.open = true;
|
|
||||||
this.title = "添加会员信息";
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.reset();
|
|
||||||
const id = row.id || this.ids
|
|
||||||
getUmsMember(id).then(response => {
|
|
||||||
this.form = response;
|
|
||||||
this.open = true;
|
|
||||||
this.title = "修改会员信息";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm() {
|
|
||||||
this.$refs["form"].validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
if (this.form.id != null) {
|
|
||||||
updateUmsMember(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
addUmsMember(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("新增成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDelete(row) {
|
|
||||||
const ids = row.id || this.ids;
|
|
||||||
this.$modal.confirm('是否确认删除会员信息编号为"' + ids + '"的数据项？').then(function() {
|
|
||||||
return delUmsMember(ids);
|
|
||||||
}).then(() => {
|
|
||||||
this.getList();
|
|
||||||
this.$modal.msgSuccess("删除成功");
|
|
||||||
}).catch(() => {});
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
const queryParams = this.queryParams;
|
|
||||||
this.$modal.confirm('是否确认导出所有会员信息数据项？').then(() => {
|
|
||||||
this.exportLoading = true;
|
|
||||||
return exportUmsMember(queryParams);
|
|
||||||
}).then(response => {
|
|
||||||
this.$download.download(response);
|
|
||||||
this.exportLoading = false;
|
|
||||||
}).catch(() => {});
|
|
||||||
},
|
|
||||||
// 更改账户状态
|
|
||||||
changeStatus(row){
|
|
||||||
const data = {
|
|
||||||
memberId: row.id,
|
|
||||||
status: row.status
|
|
||||||
}
|
|
||||||
changeAccountStatus(data).then(response => {
|
|
||||||
if (response < 1){
|
|
||||||
this.$modal.msgError('操作失败')
|
|
||||||
this.getList()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
goOrder(phone){
|
|
||||||
decryptedPhone(phone).then(res => {
|
|
||||||
this.$router.push({
|
|
||||||
path: '/order/order',
|
|
||||||
query: {
|
|
||||||
phone: res
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
goCart(phone){
|
|
||||||
decryptedPhone(phone).then(res => {
|
|
||||||
this.$router.push({
|
|
||||||
path: '/member/shoppingCart',
|
|
||||||
query: {
|
|
||||||
phone: res
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
showStatistics(memberId){
|
|
||||||
viewStatistics(memberId).then((response) => {
|
|
||||||
this.statisticsObj.data = response
|
|
||||||
this.statisticsObj.open = true
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,350 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form">
|
|
||||||
<el-form-item label="收货人姓名" prop="name">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.name"
|
|
||||||
placeholder="请输入收货人姓名"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="手机号" prop="phone">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.phone"
|
|
||||||
placeholder="请输入手机号"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="邮政编码" prop="postCode">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.postCode"
|
|
||||||
placeholder="请输入邮政编码"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="省份/直辖市" prop="province">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.province"
|
|
||||||
placeholder="请输入省份/直辖市"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="城市" prop="city">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.city"
|
|
||||||
placeholder="请输入城市"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<template v-if="showMoreCondition">
|
|
||||||
<el-form-item label="区" prop="district">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.district"
|
|
||||||
placeholder="请输入区"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="详细地址" prop="detailAddress">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.detailAddress"
|
|
||||||
placeholder="请输入详细地址"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
</template>
|
|
||||||
<el-form-item class="flex_one tr">
|
|
||||||
<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-button :icon="showMoreCondition ? 'el-icon-arrow-up' : 'el-icon-arrow-down'" size="mini" @click="showMoreCondition = !showMoreCondition">{{showMoreCondition ? '收起条件' : '展开条件'}}</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<!-- <el-row :gutter="10" class="mb8">-->
|
|
||||||
<!-- <el-col :span="1.5">-->
|
|
||||||
<!-- <el-button-->
|
|
||||||
<!-- type="primary"-->
|
|
||||||
<!-- plain-->
|
|
||||||
<!-- icon="el-icon-plus"-->
|
|
||||||
<!-- size="mini"-->
|
|
||||||
<!-- @click="handleAdd"-->
|
|
||||||
<!-- v-hasPermi="['ums:memberAddress:add']"-->
|
|
||||||
<!-- >新增</el-button>-->
|
|
||||||
<!-- </el-col>-->
|
|
||||||
<!-- </el-col>-->
|
|
||||||
<!-- </el-row>-->
|
|
||||||
|
|
||||||
<el-table v-loading="loading" :data="umsMemberAddressList">
|
|
||||||
<!-- <el-table-column type="selection" width="55" align="center" />-->
|
|
||||||
<el-table-column label="收货人姓名" align="center" prop="name" >
|
|
||||||
<template v-slot="scope">
|
|
||||||
<div>{{ getHiddenName(scope.row.name) }}</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="手机号" align="center" prop="phoneHidden" />
|
|
||||||
<el-table-column label="邮政编码" align="center" prop="postCode" />
|
|
||||||
<el-table-column label="省份/直辖市" align="center" prop="province" />
|
|
||||||
<el-table-column label="城市" align="center" prop="city" />
|
|
||||||
<el-table-column label="区" align="center" prop="district" />
|
|
||||||
<el-table-column label="详细地址" align="center" prop="detailAddress" width="250">
|
|
||||||
<template v-slot="scope">
|
|
||||||
<div>{{ getHiddenDetailAddress(scope.row.detailAddress) }}</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">-->
|
|
||||||
<!-- <template slot-scope="scope">-->
|
|
||||||
<!-- <el-button-->
|
|
||||||
<!-- size="mini"-->
|
|
||||||
<!-- type="text"-->
|
|
||||||
<!-- icon="el-icon-edit"-->
|
|
||||||
<!-- @click="handleUpdate(scope.row)"-->
|
|
||||||
<!-- v-hasPermi="['ums:memberAddress:edit']"-->
|
|
||||||
<!-- >修改</el-button>-->
|
|
||||||
<!-- <el-button-->
|
|
||||||
<!-- size="mini"-->
|
|
||||||
<!-- type="text"-->
|
|
||||||
<!-- icon="el-icon-delete"-->
|
|
||||||
<!-- @click="handleDelete(scope.row)"-->
|
|
||||||
<!-- v-hasPermi="['ums:memberAddress:remove']"-->
|
|
||||||
<!-- >删除</el-button>-->
|
|
||||||
<!-- </template>-->
|
|
||||||
<!-- </el-table-column>-->
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<pagination
|
|
||||||
v-show="total>0"
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNum"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 添加或修改会员收货地址对话框 -->
|
|
||||||
<el-dialog :title="title" :visible.sync="open" width="50%" append-to-body>
|
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="108px" inline class="dialog-form-two">
|
|
||||||
<el-form-item label="MEMBER_ID" prop="memberId">
|
|
||||||
<el-input v-model="form.memberId" placeholder="请输入MEMBER_ID" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="收货人名称" prop="name">
|
|
||||||
<el-input v-model="form.name" placeholder="请输入收货人名称" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="PHONE" prop="phone">
|
|
||||||
<el-input v-model="form.phone" placeholder="请输入PHONE" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="是否为默认">
|
|
||||||
<el-radio-group v-model="form.defaultStatus">
|
|
||||||
<el-radio label="1">请选择字典生成</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="邮政编码" prop="postCode">
|
|
||||||
<el-input v-model="form.postCode" placeholder="请输入邮政编码" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="省份/直辖市" prop="province">
|
|
||||||
<el-input v-model="form.province" placeholder="请输入省份/直辖市" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="城市" prop="city">
|
|
||||||
<el-input v-model="form.city" placeholder="请输入城市" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="区" prop="district">
|
|
||||||
<el-input v-model="form.district" placeholder="请输入区" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="详细地址(街道)" prop="detailAddress">
|
|
||||||
<el-input v-model="form.detailAddress" placeholder="请输入详细地址(街道)" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="是否默认" prop="isDefault">
|
|
||||||
<el-input v-model="form.isDefault" placeholder="请输入是否默认" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
||||||
<el-button @click="cancel">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { listUmsMemberAddress, getUmsMemberAddress, delUmsMemberAddress, addUmsMemberAddress, updateUmsMemberAddress, exportUmsMemberAddress } from "@/api/ums/memberAddress";
|
|
||||||
export default {
|
|
||||||
name: "UmsMemberAddress",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
// 遮罩层
|
|
||||||
loading: true,
|
|
||||||
// 导出遮罩层
|
|
||||||
exportLoading: false,
|
|
||||||
// 选中数组
|
|
||||||
ids: [],
|
|
||||||
// 非单个禁用
|
|
||||||
single: true,
|
|
||||||
// 非多个禁用
|
|
||||||
multiple: true,
|
|
||||||
// 显示搜索条件
|
|
||||||
showSearch: true,
|
|
||||||
// 总条数
|
|
||||||
total: 0,
|
|
||||||
// 会员收货地址表格数据
|
|
||||||
umsMemberAddressList: [],
|
|
||||||
// 弹出层标题
|
|
||||||
title: "",
|
|
||||||
// 是否显示弹出层
|
|
||||||
open: false,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
memberId: null,
|
|
||||||
name: null,
|
|
||||||
phone: null,
|
|
||||||
defaultStatus: null,
|
|
||||||
postCode: null,
|
|
||||||
province: null,
|
|
||||||
city: null,
|
|
||||||
district: null,
|
|
||||||
detailAddress: null,
|
|
||||||
isDefault: null,
|
|
||||||
},
|
|
||||||
// 表单参数
|
|
||||||
form: {},
|
|
||||||
// 表单校验
|
|
||||||
rules: {
|
|
||||||
isDefault: [
|
|
||||||
{ required: true, message: "是否默认不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
},
|
|
||||||
showMoreCondition: false,
|
|
||||||
chineseNumbers: ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十']
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 查询会员收货地址列表 */
|
|
||||||
getList() {
|
|
||||||
this.loading = true;
|
|
||||||
const {pageNum, pageSize} = this.queryParams;
|
|
||||||
const query = {...this.queryParams, pageNum: undefined, pageSize: undefined};
|
|
||||||
const pageReq = {page: pageNum - 1, size: pageSize};
|
|
||||||
listUmsMemberAddress(query, pageReq).then(response => {
|
|
||||||
const { content, totalElements } = response
|
|
||||||
this.umsMemberAddressList = content;
|
|
||||||
this.total = totalElements;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.open = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
id: null,
|
|
||||||
memberId: null,
|
|
||||||
name: null,
|
|
||||||
phone: null,
|
|
||||||
defaultStatus: 0,
|
|
||||||
postCode: null,
|
|
||||||
province: null,
|
|
||||||
city: null,
|
|
||||||
district: null,
|
|
||||||
detailAddress: null,
|
|
||||||
isDefault: null,
|
|
||||||
createBy: null,
|
|
||||||
createTime: null,
|
|
||||||
updateBy: null,
|
|
||||||
updateTime: null
|
|
||||||
};
|
|
||||||
this.resetForm("form");
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm("queryForm");
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map(item => item.id)
|
|
||||||
this.single = selection.length!==1
|
|
||||||
this.multiple = !selection.length
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset();
|
|
||||||
this.open = true;
|
|
||||||
this.title = "添加会员收货地址";
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.reset();
|
|
||||||
const id = row.id || this.ids
|
|
||||||
getUmsMemberAddress(id).then(response => {
|
|
||||||
this.form = response;
|
|
||||||
this.open = true;
|
|
||||||
this.title = "修改会员收货地址";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm() {
|
|
||||||
this.$refs["form"].validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
if (this.form.id != null) {
|
|
||||||
updateUmsMemberAddress(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
addUmsMemberAddress(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("新增成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDelete(row) {
|
|
||||||
const ids = row.id || this.ids;
|
|
||||||
this.$modal.confirm('是否确认删除会员收货地址编号为"' + ids + '"的数据项？').then(function() {
|
|
||||||
return delUmsMemberAddress(ids);
|
|
||||||
}).then(() => {
|
|
||||||
this.getList();
|
|
||||||
this.$modal.msgSuccess("删除成功");
|
|
||||||
}).catch(() => {});
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
const queryParams = this.queryParams;
|
|
||||||
this.$modal.confirm('是否确认导出所有会员收货地址数据项？').then(() => {
|
|
||||||
this.exportLoading = true;
|
|
||||||
return exportUmsMemberAddress(queryParams);
|
|
||||||
}).then(response => {
|
|
||||||
this.$download.download(response);
|
|
||||||
this.exportLoading = false;
|
|
||||||
}).catch(() => {});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,274 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form">
|
|
||||||
<el-form-item label="会员手机号" prop="phone">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.phone"
|
|
||||||
placeholder="请输入会员手机号"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="登录IP地址" prop="ipaddr">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.ipaddr"
|
|
||||||
placeholder="请输入登录IP地址"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="登录地点" prop="loginLocation">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.loginLocation"
|
|
||||||
placeholder="请输入登录地点"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="浏览器类型" prop="browser">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.browser"
|
|
||||||
placeholder="请输入浏览器类型"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="操作系统" prop="os">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.os"
|
|
||||||
placeholder="请输入操作系统"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="登录时间">
|
|
||||||
<el-date-picker
|
|
||||||
v-model="dateRange"
|
|
||||||
style="width: 240px"
|
|
||||||
value-format="yyyy-MM-dd"
|
|
||||||
type="daterange"
|
|
||||||
:clearable="false"
|
|
||||||
:picker-options='pickerOptions'
|
|
||||||
range-separator="-"
|
|
||||||
start-placeholder="开始时间"
|
|
||||||
end-placeholder="结束时间"
|
|
||||||
></el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item class="flex_one tr">
|
|
||||||
<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-table v-loading="loading" :data="umsMemberLogininforList" @selection-change="handleSelectionChange" border>
|
|
||||||
<el-table-column type="selection" width="55" align="center"/>
|
|
||||||
<el-table-column label="会员手机号" prop="phone"/>
|
|
||||||
<el-table-column label="会员id" prop="memberId"/>
|
|
||||||
<el-table-column label="登录IP地址" prop="ipaddr"/>
|
|
||||||
<el-table-column label="登录地点" prop="loginLocation"/>
|
|
||||||
<el-table-column label="浏览器类型" prop="browser"/>
|
|
||||||
<el-table-column label="操作系统" prop="os"/>
|
|
||||||
<el-table-column label="登陆时间" prop="loginTime" width="180">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span>{{ parseTime(scope.row.loginTime, '') }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="操作" class-name="small-padding fixed-width">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-delete"
|
|
||||||
@click="handleDelete(scope.row)"
|
|
||||||
v-hasPermi="['ums:memberLogininfor:remove']"
|
|
||||||
>删除
|
|
||||||
</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<InBody v-show="total>0">
|
|
||||||
<pagination
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNum"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
</InBody>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import {
|
|
||||||
addUmsMemberLogininfor,
|
|
||||||
delUmsMemberLogininfor,
|
|
||||||
exportUmsMemberLogininfor,
|
|
||||||
getUmsMemberLogininfor,
|
|
||||||
listUmsMemberLogininfor,
|
|
||||||
updateUmsMemberLogininfor
|
|
||||||
} from "@/api/ums/memberLogininfor";
|
|
||||||
import dateUtil from '@/utils/DateUtil';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "UmsMemberLogininfor",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
dateRange: [],
|
|
||||||
pickerOptions: {
|
|
||||||
shortcuts: dateUtil.getTimeShort()
|
|
||||||
},
|
|
||||||
// 遮罩层
|
|
||||||
loading: true,
|
|
||||||
// 导出遮罩层
|
|
||||||
exportLoading: false,
|
|
||||||
// 选中数组
|
|
||||||
ids: [],
|
|
||||||
// 非单个禁用
|
|
||||||
single: true,
|
|
||||||
// 非多个禁用
|
|
||||||
multiple: true,
|
|
||||||
// 显示搜索条件
|
|
||||||
showSearch: true,
|
|
||||||
// 总条数
|
|
||||||
total: 0,
|
|
||||||
// 会员登录记录表格数据
|
|
||||||
umsMemberLogininforList: [],
|
|
||||||
// 弹出层标题
|
|
||||||
title: "",
|
|
||||||
// 是否显示弹出层
|
|
||||||
open: false,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
phone: null,
|
|
||||||
ipaddr: null,
|
|
||||||
loginLocation: null,
|
|
||||||
browser: null,
|
|
||||||
os: null,
|
|
||||||
loginTime: null
|
|
||||||
},
|
|
||||||
// 表单参数
|
|
||||||
form: {},
|
|
||||||
// 表单校验
|
|
||||||
rules: {
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 查询会员登录记录列表 */
|
|
||||||
getList() {
|
|
||||||
this.loading = true;
|
|
||||||
const {pageNum, pageSize} = this.queryParams;
|
|
||||||
const query = {...this.queryParams, pageNum: undefined, pageSize: undefined};
|
|
||||||
const pageReq = {page: pageNum - 1, size: pageSize};
|
|
||||||
listUmsMemberLogininfor({...this.addDateRange2(query, this.dateRange)}, pageReq).then(response => {
|
|
||||||
const { content, totalElements } = response
|
|
||||||
this.umsMemberLogininforList = content;
|
|
||||||
this.total = totalElements;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.open = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
id: null,
|
|
||||||
phone: null,
|
|
||||||
memberId: null,
|
|
||||||
ipaddr: null,
|
|
||||||
loginLocation: null,
|
|
||||||
browser: null,
|
|
||||||
os: null,
|
|
||||||
loginTime: null
|
|
||||||
};
|
|
||||||
this.resetForm("form");
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm("queryForm");
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map(item => item.id)
|
|
||||||
this.single = selection.length!==1
|
|
||||||
this.multiple = !selection.length
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset();
|
|
||||||
this.open = true;
|
|
||||||
this.title = "添加会员登录记录";
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.reset();
|
|
||||||
const id = row.id || this.ids
|
|
||||||
getUmsMemberLogininfor(id).then(response => {
|
|
||||||
this.form = response;
|
|
||||||
this.open = true;
|
|
||||||
this.title = "修改会员登录记录";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm() {
|
|
||||||
this.$refs["form"].validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
if (this.form.id != null) {
|
|
||||||
updateUmsMemberLogininfor(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
addUmsMemberLogininfor(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("新增成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDelete(row) {
|
|
||||||
const ids = row.id || this.ids;
|
|
||||||
this.$modal.confirm('是否确认删除会员登录记录编号为"' + ids + '"的数据项？').then(function() {
|
|
||||||
return delUmsMemberLogininfor(ids);
|
|
||||||
}).then(() => {
|
|
||||||
this.getList();
|
|
||||||
this.$modal.msgSuccess("删除成功");
|
|
||||||
}).catch(() => {});
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
const queryParams = this.queryParams;
|
|
||||||
this.$modal.confirm('是否确认导出所有会员登录记录数据项？').then(() => {
|
|
||||||
this.exportLoading = true;
|
|
||||||
return exportUmsMemberLogininfor(queryParams);
|
|
||||||
}).then(response => {
|
|
||||||
this.$download.download(response);
|
|
||||||
this.exportLoading = false;
|
|
||||||
}).catch(() => {});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,404 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form">
|
|
||||||
<el-form-item label="MEMBER_ID" prop="memberId">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.memberId"
|
|
||||||
placeholder="请输入MEMBER_ID"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="只有在用户将公众号绑定到微信开放平台帐号后，才会出现该字段" prop="unionid">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.unionid"
|
|
||||||
placeholder="请输入只有在用户将公众号绑定到微信开放平台帐号后，才会出现该字段"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="用户的标识，对当前公众号唯一" prop="openid">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.openid"
|
|
||||||
placeholder="请输入用户的标识，对当前公众号唯一"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="小程序唯一身份ID" prop="routineOpenid">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.routineOpenid"
|
|
||||||
placeholder="请输入小程序唯一身份ID"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="用户所在的分组ID" prop="groupid">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.groupid"
|
|
||||||
placeholder="请输入用户所在的分组ID"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="用户被打上的标签ID列表" prop="tagidList">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.tagidList"
|
|
||||||
placeholder="请输入用户被打上的标签ID列表"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="用户是否订阅该公众号标识" prop="subscribe">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.subscribe"
|
|
||||||
placeholder="请输入用户是否订阅该公众号标识"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<template v-if="showMoreCondition">
|
|
||||||
<el-form-item label="关注公众号时间" prop="subscribeTime">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.subscribeTime"
|
|
||||||
placeholder="请输入关注公众号时间"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="小程序用户会话密匙" prop="sessionKey">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.sessionKey"
|
|
||||||
placeholder="请输入小程序用户会话密匙"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="过期时间" prop="expiresIn">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.expiresIn"
|
|
||||||
placeholder="请输入过期时间"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="过期时间" prop="expireTime">
|
|
||||||
<el-date-picker
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
v-model="queryParams.expireTime"
|
|
||||||
type="datetime"
|
|
||||||
value-format="yyyy-MM-ddTHH:mm:ss"
|
|
||||||
placeholder="选择过期时间">
|
|
||||||
</el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
</template>
|
|
||||||
<el-form-item class="flex_one tr">
|
|
||||||
<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-button :icon="showMoreCondition ? 'el-icon-arrow-up' : 'el-icon-arrow-down'" size="mini" @click="showMoreCondition = !showMoreCondition">{{showMoreCondition ? '收起条件' : '展开条件'}}</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<el-row :gutter="10" class="mb8">
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
plain
|
|
||||||
icon="el-icon-plus"
|
|
||||||
size="mini"
|
|
||||||
@click="handleAdd"
|
|
||||||
v-hasPermi="['ums:memberWechat:add']"
|
|
||||||
>新增</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<el-table v-loading="loading" :data="umsMemberWechatList" @selection-change="handleSelectionChange">
|
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
|
||||||
<el-table-column label="MEMBER_ID" align="center" prop="memberId" />
|
|
||||||
<el-table-column label="只有在用户将公众号绑定到微信开放平台帐号后，才会出现该字段" align="center" prop="unionid" />
|
|
||||||
<el-table-column label="用户的标识，对当前公众号唯一" align="center" prop="openid" />
|
|
||||||
<el-table-column label="小程序唯一身份ID" align="center" prop="routineOpenid" />
|
|
||||||
<el-table-column label="用户所在的分组ID" align="center" prop="groupid" />
|
|
||||||
<el-table-column label="用户被打上的标签ID列表" align="center" prop="tagidList" />
|
|
||||||
<el-table-column label="用户是否订阅该公众号标识" align="center" prop="subscribe" />
|
|
||||||
<el-table-column label="关注公众号时间" align="center" prop="subscribeTime" />
|
|
||||||
<el-table-column label="小程序用户会话密匙" align="center" prop="sessionKey" />
|
|
||||||
<el-table-column label="token" align="center" prop="accessToken" />
|
|
||||||
<el-table-column label="过期时间" align="center" prop="expiresIn" />
|
|
||||||
<el-table-column label="刷新token" align="center" prop="refreshToken" />
|
|
||||||
<el-table-column label="过期时间" align="center" prop="expireTime" width="180" >
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span>{{ parseTime(scope.row.expireTime, '')}}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-edit"
|
|
||||||
@click="handleUpdate(scope.row)"
|
|
||||||
v-hasPermi="['ums:memberWechat:edit']"
|
|
||||||
>修改</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-delete"
|
|
||||||
@click="handleDelete(scope.row)"
|
|
||||||
v-hasPermi="['ums:memberWechat:remove']"
|
|
||||||
>删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<pagination
|
|
||||||
v-show="total>0"
|
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNum"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 添加或修改用户微信信息对话框 -->
|
|
||||||
<el-dialog :title="title" :visible.sync="open" width="50%" append-to-body>
|
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="108px" inline class="dialog-form-two">
|
|
||||||
<el-form-item label="MEMBER_ID" prop="memberId">
|
|
||||||
<el-input v-model="form.memberId" placeholder="请输入MEMBER_ID" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="只有在用户将公众号绑定到微信开放平台帐号后，才会出现该字段" prop="unionid">
|
|
||||||
<el-input v-model="form.unionid" placeholder="请输入只有在用户将公众号绑定到微信开放平台帐号后，才会出现该字段" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="用户的标识，对当前公众号唯一" prop="openid">
|
|
||||||
<el-input v-model="form.openid" placeholder="请输入用户的标识，对当前公众号唯一" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="小程序唯一身份ID" prop="routineOpenid">
|
|
||||||
<el-input v-model="form.routineOpenid" placeholder="请输入小程序唯一身份ID" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="用户所在的分组ID" prop="groupid">
|
|
||||||
<el-input v-model="form.groupid" placeholder="请输入用户所在的分组ID" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="用户被打上的标签ID列表" prop="tagidList">
|
|
||||||
<el-input v-model="form.tagidList" placeholder="请输入用户被打上的标签ID列表" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="用户是否订阅该公众号标识" prop="subscribe">
|
|
||||||
<el-input v-model="form.subscribe" placeholder="请输入用户是否订阅该公众号标识" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="关注公众号时间" prop="subscribeTime">
|
|
||||||
<el-input v-model="form.subscribeTime" placeholder="请输入关注公众号时间" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="小程序用户会话密匙" prop="sessionKey">
|
|
||||||
<el-input v-model="form.sessionKey" placeholder="请输入小程序用户会话密匙" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="token" prop="accessToken">
|
|
||||||
<el-input v-model="form.accessToken" type="textarea" placeholder="请输入内容" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="过期时间" prop="expiresIn">
|
|
||||||
<el-input v-model="form.expiresIn" placeholder="请输入过期时间" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="刷新token" prop="refreshToken">
|
|
||||||
<el-input v-model="form.refreshToken" type="textarea" placeholder="请输入内容" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="过期时间" prop="expireTime">
|
|
||||||
<el-date-picker clearable size="small"
|
|
||||||
v-model="form.expireTime"
|
|
||||||
type="datetime"
|
|
||||||
value-format="yyyy-MM-ddTHH:mm:ss"
|
|
||||||
placeholder="选择过期时间">
|
|
||||||
</el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
||||||
<el-button @click="cancel">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { listUmsMemberWechat, getUmsMemberWechat, delUmsMemberWechat, addUmsMemberWechat, updateUmsMemberWechat, exportUmsMemberWechat } from "@/api/ums/memberWechat";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "UmsMemberWechat",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
// 遮罩层
|
|
||||||
loading: true,
|
|
||||||
// 导出遮罩层
|
|
||||||
exportLoading: false,
|
|
||||||
// 选中数组
|
|
||||||
ids: [],
|
|
||||||
// 非单个禁用
|
|
||||||
single: true,
|
|
||||||
// 非多个禁用
|
|
||||||
multiple: true,
|
|
||||||
// 显示搜索条件
|
|
||||||
showSearch: true,
|
|
||||||
// 总条数
|
|
||||||
total: 0,
|
|
||||||
// 用户微信信息表格数据
|
|
||||||
umsMemberWechatList: [],
|
|
||||||
// 弹出层标题
|
|
||||||
title: "",
|
|
||||||
// 是否显示弹出层
|
|
||||||
open: false,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
memberId: null,
|
|
||||||
unionid: null,
|
|
||||||
openid: null,
|
|
||||||
routineOpenid: null,
|
|
||||||
groupid: null,
|
|
||||||
tagidList: null,
|
|
||||||
subscribe: null,
|
|
||||||
subscribeTime: null,
|
|
||||||
sessionKey: null,
|
|
||||||
accessToken: null,
|
|
||||||
expiresIn: null,
|
|
||||||
refreshToken: null,
|
|
||||||
expireTime: null,
|
|
||||||
},
|
|
||||||
// 表单参数
|
|
||||||
form: {},
|
|
||||||
// 表单校验
|
|
||||||
rules: {
|
|
||||||
},
|
|
||||||
showMoreCondition: false
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 查询用户微信信息列表 */
|
|
||||||
getList() {
|
|
||||||
this.loading = true;
|
|
||||||
const {pageNum, pageSize} = this.queryParams;
|
|
||||||
const query = {...this.queryParams, pageNum: undefined, pageSize: undefined};
|
|
||||||
const pageReq = {page: pageNum - 1, size: pageSize};
|
|
||||||
listUmsMemberWechat(query, pageReq).then(response => {
|
|
||||||
const { content, totalElements } = response
|
|
||||||
this.umsMemberWechatList = content;
|
|
||||||
this.total = totalElements;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.open = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
id: null,
|
|
||||||
memberId: null,
|
|
||||||
unionid: null,
|
|
||||||
openid: null,
|
|
||||||
routineOpenid: null,
|
|
||||||
groupid: null,
|
|
||||||
tagidList: null,
|
|
||||||
subscribe: null,
|
|
||||||
subscribeTime: null,
|
|
||||||
sessionKey: null,
|
|
||||||
accessToken: null,
|
|
||||||
expiresIn: null,
|
|
||||||
refreshToken: null,
|
|
||||||
expireTime: null,
|
|
||||||
createBy: null,
|
|
||||||
createTime: null,
|
|
||||||
updateBy: null,
|
|
||||||
updateTime: null
|
|
||||||
};
|
|
||||||
this.resetForm("form");
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm("queryForm");
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map(item => item.id)
|
|
||||||
this.single = selection.length!==1
|
|
||||||
this.multiple = !selection.length
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset();
|
|
||||||
this.open = true;
|
|
||||||
this.title = "添加用户微信信息";
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.reset();
|
|
||||||
const id = row.id || this.ids
|
|
||||||
getUmsMemberWechat(id).then(response => {
|
|
||||||
this.form = response;
|
|
||||||
this.open = true;
|
|
||||||
this.title = "修改用户微信信息";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm() {
|
|
||||||
this.$refs["form"].validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
if (this.form.id != null) {
|
|
||||||
updateUmsMemberWechat(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
addUmsMemberWechat(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("新增成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDelete(row) {
|
|
||||||
const ids = row.id || this.ids;
|
|
||||||
this.$modal.confirm('是否确认删除用户微信信息编号为"' + ids + '"的数据项？').then(function() {
|
|
||||||
return delUmsMemberWechat(ids);
|
|
||||||
}).then(() => {
|
|
||||||
this.getList();
|
|
||||||
this.$modal.msgSuccess("删除成功");
|
|
||||||
}).catch(() => {});
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
const queryParams = this.queryParams;
|
|
||||||
this.$modal.confirm('是否确认导出所有用户微信信息数据项？').then(() => {
|
|
||||||
this.exportLoading = true;
|
|
||||||
return exportUmsMemberWechat(queryParams);
|
|
||||||
}).then(response => {
|
|
||||||
this.$download.download(response);
|
|
||||||
this.exportLoading = false;
|
|
||||||
}).catch(() => {});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
Loading…
Reference in new issue