xinyilu/NurseStationUI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

商品

Browse Source
This commit is contained in:
shidongli 2022-10-27 14:38:23 +08:00
parent a06a8e37b4
commit dc7275bce1
2 changed files with 1077 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
src/api/system/goodsInfo.js Normal file
View File

@ -0,0 +1,78 @@
import request from '@/utils/request'
// 查询商品基本信息列表
export function listGoodsInfo(query) {
return request({
url: '/system/goodsInfo/list',
method: 'get',
params: query
})
}
// 查询商品信息
export function goodsInfoList(query) {
return request({
url: '/system/goodsInfo/goodsInfoList',
method: 'get',
params: query
})
}
// 查询商品基本信息详细
export function getGoodsInfo(id) {
return request({
url: `/system/goodsInfo/goodsDetails?`+`goodsInfoId=${id}`,
// url: '/system/goodsInfo/goodsDetails/' + goodsInfoId,
method: 'get'
})
}
// 新增商品基本信息
export function addGoodsInfo(data) {
return request({
url: '/system/goodsInfo/add',
method: 'post',
data: data
})
}
// 查询护理站信息列表
export function listStation(query) {
return request({
url: '/system/station/nurseStationByUserId',
method: 'get',
params: query
})
}
// 查询商品分类列表
export function goodsCategory(query) {
return request({
url: '/system/goodsCategory/list ',
method: 'get',
params: query
})
}
// 修改商品基本信息
export function updateGoodsInfo(data) {
return request({
url: '/system/goodsInfo/edit',
method: 'put',
data: data
})
}
// 修改上架下架状态
// system/goodsInfo/editGoodsWhetherShelf
export function editGoodsWhetherShelf(data) {
return request({
url: '/system/goodsInfo/editGoodsWhetherShelf',
method: 'post',
data: data
})
}
// 删除商品基本信息
export function delGoodsInfo(id) {
return request({
url: '/system/goodsInfo/' + id,
method: 'delete'
})
}

999
src/views/system/goodsInfo/index.vue Normal file
View File

@ -0,0 +1,999 @@
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="100px"
>
<!-- <el-form-item label="店铺表id" prop="storeInfoId">
<el-input
v-model="queryParams.storeInfoId"
placeholder="请输入店铺表id"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>-->
<!-- <el-form-item label="商品编码" prop="goodsCode">
<el-input
v-model="queryParams.goodsCode"
placeholder="请输入商品编码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> -->
<!-- <el-input
v-model="queryParams.goodsPurpose"
placeholder="请输入商品用途，买卖：BUSINESS，租赁：LEASE"
clearable
@keyup.enter.native="handleQuery"
/> -->
<!-- <el-form-item label="是否上架，0：否，1：是" prop="whetherShelf">
<el-input
v-model="queryParams.whetherShelf"
placeholder="请输入是否上架，0：否，1：是"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> -->
<!-- <el-form-item label="上架时间，yyyy-MM-dd HH:mm:ss" prop="shelfTime">
<el-date-picker clearable
v-model="queryParams.shelfTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择上架时间，yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
<el-form-item label="商品图片路径" prop="goodsPictureUrl">
<el-input
v-model="queryParams.goodsPictureUrl"
placeholder="请输入商品图片路径"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="商品概述" prop="goodsRemark">
<el-input
v-model="queryParams.goodsRemark"
placeholder="请输入商品概述"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="商品度量单位" prop="goodsUnit">
<el-input
v-model="queryParams.goodsUnit"
placeholder="请输入商品度量单位"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> -->
<!-- <el-form-item label="显示顺序" prop="sort">
<el-input
v-model="queryParams.sort"
placeholder="请输入显示顺序"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> -->
<el-form-item label="商品名称" prop="goodsName">
<el-input
v-model="queryParams.goodsName"
placeholder="请输入商品名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="商品分类名称" prop="goodsCategoryName">
<el-input
v-model="queryParams.goodsCategoryName"
placeholder="请输入商品分类名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="护理站名称" prop="nurseStationName">
<el-input
v-model="queryParams.nurseStationName"
placeholder="请输入护理站名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="商品用途" prop="goodsPurpose">
<el-select v-model="queryParams.goodsPurpose" placeholder="请选择">
<el-option
v-for="item in goods"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="是否上架" prop="whetherShelf">
<el-select v-model="queryParams.whetherShelf" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:goodsInfo:add']"
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:goodsInfo:edit']"
>修改</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:goodsInfo:remove']"
>删除</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:goodsInfo:export']"
>导出</el-button
>
</el-col>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="goodsInfoList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="商品编码" align="center" prop="goodsCode" />
<el-table-column
label="商品名称"
align="center"
prop="goodsName"
:show-overflow-tooltip="true"
/>
<el-table-column
label="商品分类名称"
align="center"
prop="goodsCategoryName"
/>
<el-table-column
label="护理站名称"
align="center"
prop="nurseStationName"
/>
<el-table-column label="商品用途" align="center" prop="goodsPurpose">
<template slot-scope="scope">
{{ scope.row.goodsPurpose == "BUSINESS" ? "买卖" : "" }}
{{ scope.row.goodsPurpose == "LEASE" ? "租赁" : "" }}
</template>
</el-table-column>
<el-table-column label="上架状态" align="center" prop="whetherShelf">
<template slot-scope="scope">
<el-switch
v-model="scope.row.whetherShelf"
active-color="#13ce66"
inactive-color="#ff4949"
@change="upwhetherShelf(scope.row)"
>
</el-switch>
</template>
</el-table-column>
<el-table-column
label="上架时间"
align="center"
prop="shelfTime"
width="180"
/>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>chaxun
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:goodsInfo:edit']"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-search"
@click="reference(scope.row)"
v-hasPermi="['system:goodsInfo: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="700px" append-to-body>
<el-form
ref="form"
:model="form"
:rules="rules"
label-width="100px"
:inline="true"
>
<el-form-item label="商品名称" prop="goodsName">
<el-input
v-model="form.goodsName"
placeholder="请输入商品名称"
style="width: 210px"
/>
</el-form-item>
<el-form-item label="护理站名称" prop="nurseStationName">
<el-select
style="width: 210px"
v-model="form.nurseStationId"
clearable
placeholder="请选择护理站"
>
<el-option
v-for="item in nurseStationlist"
:key="item.nurseStationId"
:label="item.nurseStationName"
:value="item.nurseStationId"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="商品分类名称" prop="goodsCategoryName">
<el-select
style="width: 210px"
v-model="form.goodsCategoryId"
clearable
placeholder="请选择商品分类名称"
>
<el-option
v-for="item in goodsCategorylist"
:key="item.id"
:label="item.goodsCategoryName"
:value="item.id"
>
</el-option>
</el-select>
<!-- <el-input
v-model="form.goodsCategoryName"
placeholder="请输入商品分类名称"
style="width: 210px"
/> -->
</el-form-item>
<el-form-item label="商品用途" prop="goodsPurpose">
<el-select
v-model="form.goodsPurpose"
placeholder="请选择"
style="width: 210px"
>
<el-option
v-for="item in goods"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="商品度量单位" prop="goodsUnit">
<el-input
v-model="form.goodsUnit"
placeholder="请输入商品度量单位"
style="width: 210px"
/>
</el-form-item>
<el-form-item label="商品图片" prop="goodsPictureUrl">
<goodsCategoryAcatar
@imgUrl="imgUrl"
:img="form.goodsPictureUrl"
:type="'goodsPictureUrl'"
/>
</el-form-item>
<el-table
ref="goodDetailsLists"
:data="goodDetailsLists"
label-width="50px"
style="margin-top: 20px"
>
<el-table-column label="显示顺序" width="100" align="center">
<template slot-scope="scope">
<el-input
v-model="scope.row.goodAttributeDetailsLists[0].sort"
maxlength="40"
></el-input>
</template>
</el-table-column>
<el-table-column label="商品属性名称" width="100" align="center">
<template slot-scope="scope">
<el-input
v-model="scope.row.attributeName"
maxlength="40"
></el-input>
</template>
</el-table-column>
<el-table-column label="商品单价" width="100" align="center">
<template slot-scope="scope">
<el-input
v-model="scope.row.goodAttributeDetailsLists[0].goodsPrice"
maxlength="40"
></el-input>
</template>
</el-table-column>
<el-table-column label="库存" width="100" align="center">
<template slot-scope="scope">
<el-input
v-model="scope.row.goodAttributeDetailsLists[0].goodsStock"
maxlength="40"
></el-input>
</template>
</el-table-column>
<el-table-column label="商品属性图片" width="100" align="center">
<template slot-scope="scope">
<el-input
v-model="
scope.row.goodAttributeDetailsLists[0].attributePitureUrl
"
maxlength="40"
></el-input>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="120">
<template slot-scope="scope">
<el-button size="mini" type="text" @click="addgoodAttributeDetail"
>新增</el-button
>
<el-button
size="mini"
type="text"
@click="delgoodAttributeDetail(scope.row)"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<el-form-item
label="商品概述"
prop="goodsRemark"
style="margin-top: 20px"
>
<editor
:min-height="100"
style="width: 90%; margin: 0 auto"
v-model="form.goodsRemark"
></editor>
</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>
<!-- 查看商品详情 -->
<el-dialog
:title="title"
:visible.sync="open2"
width="700px"
append-to-body
>
<el-form
ref="form"
:model="form"
:rules="rules"
label-width="100px"
:inline="true"
>
<el-form-item label="商品名称" prop="goodsName">
<el-input
v-model="form.goodsName"
placeholder="请输入商品名称"
style="width: 210px"
:disabled="true"
/>
</el-form-item>
<el-form-item label="护理站名称" prop="nurseStationName">
<el-select
style="width: 210px"
clearable
v-model="form.nurseStationId"
placeholder="请选择护理站"
:disabled="true"
>
<el-option
v-for="item in nurseStationlist"
:key="item.nurseStationId"
:label="item.nurseStationName"
:value="item.nurseStationId"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="商品分类名称" prop="goodsCategoryName">
<el-select
style="width: 210px"
v-model="form.goodsCategoryId"
clearable
placeholder="请选择商品分类名称"
:disabled="true"
>
<el-option
v-for="item in goodsCategorylist"
:key="item.id"
:label="item.goodsCategoryName"
:value="item.id"
>
</el-option>
</el-select>
<!-- <el-input
v-model="form.goodsCategoryName"
placeholder="请输入商品分类名称"
style="width: 210px"
/> -->
</el-form-item>
<el-form-item label="商品用途" prop="goodsPurpose">
<el-select
v-model="form.goodsPurpose"
placeholder="请选择"
style="width: 210px"
:disabled="true"
>
<el-option
v-for="item in goods"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="商品度量单位" prop="goodsUnit">
<el-input
v-model="form.goodsUnit"
placeholder="请输入商品度量单位"
style="width: 210px"
:disabled="true"
/>
</el-form-item>
<el-form-item label="商品图片" prop="goodsPictureUrl">
<goodsCategoryAcatar
@imgUrl="imgUrl"
:img="form.goodsPictureUrl"
:type="'goodsPictureUrl'"
:disabled="true"
/>
</el-form-item>
<el-table
ref="goodDetailsLists"
:data="goodDetailsLists"
label-width="50px"
style="margin-top: 20px"
>
<el-table-column label="显示顺序" width="100" align="center">
<template slot-scope="scope">
<el-input
v-model="scope.row.goodAttributeDetailsLists[0].sort"
maxlength="40"
:disabled="true"
></el-input>
</template>
</el-table-column>
<el-table-column label="商品属性名称" width="100" align="center">
<template slot-scope="scope">
<el-input
v-model="scope.row.attributeName"
maxlength="40"
:disabled="true"
></el-input>
</template>
</el-table-column>
<el-table-column label="商品单价" width="100" align="center">
<template slot-scope="scope">
<el-input
v-model="scope.row.goodAttributeDetailsLists[0].goodsPrice"
maxlength="40"
:disabled="true"
></el-input>
</template>
</el-table-column>
<el-table-column label="库存" width="100" align="center">
<template slot-scope="scope">
<el-input
v-model="scope.row.goodAttributeDetailsLists[0].goodsStock"
maxlength="40"
:disabled="true"
></el-input>
</template>
</el-table-column>
<el-table-column label="商品属性图片" width="100" align="center">
<template slot-scope="scope">
<el-input
v-model="
scope.row.goodAttributeDetailsLists[0].attributePitureUrl
"
maxlength="40"
:disabled="true"
></el-input>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="120">
<template slot-scope="scope">
<el-button size="mini" type="text" @click="addgoodAttributeDetail"
>新增</el-button
>
<el-button
size="mini"
type="text"
@click="delgoodAttributeDetail(scope.row)"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<el-form-item
label="商品概述"
prop="goodsRemark"
style="margin-top: 20px"
>
<editor
:min-height="100"
style="width: 90%; margin: 0 auto"
v-model="form.goodsRemark"
:disabled="true"
></editor>
</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 { listGoodsInfo, getGoodsInfo, delGoodsInfo, addGoodsInfo, updateGoodsInfo, goodsInfoList, listStation, goodsCategory, editGoodsWhetherShelf } from "@/api/system/goodsInfo";
import goodsCategoryAcatar from "../goodsCategoryAcatar/index.vue";
import editor from "@/components/Editor";
export default {
components: { goodsCategoryAcatar, editor },
name: "GoodsInfo",
data() {
return {
value: '',
datas: null,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 商品基本信息表格数据
goodsInfoList: [],
// 护理站列表
nurseStationlist: [],
// 查询商品分类列表
goodsCategorylist: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
open2: false,
goods: [
{
value: 'BUSINESS',
label: '买卖'
},
{
value: 'LEASE',
label: '租赁'
}
],
options: [
{
value: 0,
label: '否'
},
{
value: 1,
label: '是'
}
],
// goodAttributeDetailsLists:[],
goodDetailsLists: [
{
attributeName: "",
goodAttributeDetailsLists: [{
attributePitureUrl: "",
goodsPrice: "",
goodsStock: "",
sort: "",
ids: 1,
}],
},
],
// goodAttributeDetailsLists: [{
// attributeName: "",
// attributePitureUrl: "",
// goodsPrice: "",
// goodsStock: "",
// sort: "",
// ids: 1,
// }],
ids: 1,
// 查询参数
shangjia: {
id: null,
whetherShelf: null,
},
queryParams: {
id: null,
pageNum: 1,
pageSize: 10,
storeInfoId: null,
nurseStationId: null,
goodsCategoryId: null,
goodsName: null,
goodsCode: null,
whetherShelf: null,
shelfTime: null,
goodsPictureUrl: null,
goodsRemark: null,
goodsUnit: null,
goodsPurpose: null,
sort: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
}
};
},
created() {
this.getList();
this.list();
},
methods: {
upwhetherShelf(row) {
console.log(row)
if (row.whetherShelf == false) {
var obj = {
id: row.goodsInfoId,
whetherShelf: 0
}
} else if (row.whetherShelf == true) {
var obj = {
id: row.goodsInfoId,
whetherShelf: 1
}
}
editGoodsWhetherShelf(obj).then((res => {
console.log(res)
}))
},
/** 查询商品基本信息列表 */
getList() {
this.loading = true;
goodsInfoList(this.queryParams).then(response => {
response.rows.forEach(e => {
if (e.whetherShelf == 1) {
e.whetherShelf = true
} else if (e.whetherShelf == 0) {
e.whetherShelf = false
}
})
this.goodsInfoList = response.rows;
console.log(this.goodsInfoList)
this.total = response.total;
this.loading = false;
});
},
list() {
listStation().then((res) => {
console.log(res)
this.nurseStationlist = res.data;
});
goodsCategory().then((res) => {
console.log(this.form)
this.goodsCategorylist = res.rows;
})
},
imgUrl(imgUrl) {
console.log(imgUrl);
this.form.goodsPictureUrl = imgUrl;
},
// 上架商品
Putshelves(row) {
console.log(row)
this.shangjia = {
id: row.goodsInfoId,
whetherShelf: row.whetherShelf,
},
editGoodsWhetherShelf(this.shangjia).then((res => {
console.log(res)
}))
},
// 添加
addgoodAttributeDetail() {
if (this.goodDetailsLists.length == 5) {
this.$message.error("最多只能5条");
} else {
this.ids++;
var obj = {
attributeName: "",
goodAttributeDetailsLists: [{
attributePitureUrl: "",
goodsPrice: "",
goodsStock: "",
sort: "",
ids: this.ids,
}],
};
this.goodDetailsLists.push(obj);
}
console.log(this.goodDetailsLists);
},
// 删除
delgoodAttributeDetail(item) {
console.log(item);
if (item.ids && !item.id) {
if (this.goodDetailsLists.length == 1) {
this.$message.error("最后一条不可删除");
} else {
this.goodDetailsLists = this.goodDetailsLists.filter(
(e) => e.ids != item.ids
);
}
} else if (!item.ids && item.id) {
if (this.goodDetailsLists.length == 1) {
this.$message.error("最后一条不可删除");
} else {
this.goodDetailsLists = this.goodDetailsLists.filter(
(e) => e.id != item.id
);
}
}
console.log(this.goodDetailsLists);
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
this.goodDetailsLists = [
{
attributeName: "",
goodAttributeDetailsLists: [{
attributePitureUrl: "",
goodsPrice: "",
goodsStock: "",
sort: "",
}],
},
]
// this.goodDetailsLists = [{
// attributeName: "",
// attributePitureUrl: "",
// goodsPrice: "",
// goodsStock: "",
// sort: "",
// ids: 1,
// }]
},
// 表单重置
reset() {
this.form = {
id: null,
storeInfoId: null,
nurseStationId: null,
goodsCategoryId: null,
goodsName: null,
goodsCode: null,
whetherShelf: null,
shelfTime: null,
goodsPictureUrl: null,
goodsRemark: null,
goodsUnit: null,
goodsPurpose: null,
sort: 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 = "商品基本信息";
this.goodDetailsLists = [
{
attributeName: "",
goodAttributeDetailsLists: [{
attributePitureUrl: "",
goodsPrice: "",
goodsStock: "",
sort: "",
}],
},
]
},
/** 修改按钮操作 */
handleUpdate(row) {
// console.log(row)
this.reset();
const goodsInfoId = row.goodsInfoId || this.ids
getGoodsInfo(goodsInfoId).then(response => {
this.form = response.data[0];
this.form.goodDetailsLists = response.data[0].goodDetailsLists[0].goodAttributeDetailsLists[0];
this.open = true;
this.title = "修改商品基本信息";
console.log(response.data[0].goodDetailsLists)
// console.log(response.data[0].goodDetailsLists[0].goodAttributeDetailsLists[0])
});
},
reference(row) {
const goodsInfoId = row.goodsInfoId || this.ids
getGoodsInfo(goodsInfoId).then(response => {
this.form = response.data[0];
this.form.goodDetailsLists = response.data[0].goodDetailsLists[0].goodAttributeDetailsLists[0];
// this.open = true;
console.log(response.data[0].goodDetailsLists)
// console.log(response.data[0].goodDetailsLists[0].goodAttributeDetailsLists[0])
});
this.open2 = true;
updateGoodsInfo(this.form).then(response => {
this.getList();
});
},
/** 提交按钮 */
submitForm() {
console.log(this.form)
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != null) {
this.form.goodDetailsLists = this.goodDetailsLists;
updateGoodsInfo(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
this.form = this.goodDetailsLists;
addGoodsInfo(this.form).then(response => {
console.log(this.form)
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除商品基本信息编号为"' + ids + '"的数据项？').then(function () {
return delGoodsInfo(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => { });
},
/** 导出按钮操作 */
handleExport() {
this.download('system/goodsInfo/export', {
...this.queryParams
}, `goodsInfo_${new Date().getTime()}.xlsx`)
}
}
};
</script>