cuiyouliang/plus-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1、sku管理细节修改

Browse Source
This commit is contained in:
cuiyouliang 2025-06-26 09:43:58 +08:00
parent 08326b2fec
commit f9796c4f5e
4 changed files with 70 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/oms/order/index.vue
View File

@ -220,11 +220,11 @@
<div>实付： ￥{{ scope.row.payAmount }}</div>
</template>
</el-table-column>
<el-table-column label="操作" class-name="small-padding fixed-width" width="250" align="center" fixed="right">
<el-table-column label="操作" class-name="small-padding fixed-width" width="180" align="center" fixed="right">
<template v-slot="scope">
<el-button text type="primary" @click="goDetail(scope.row)" v-hasPermi="['oms:order:query']">详情 </el-button>
<el-button text type="primary" @click="showLog(scope.row.id)" v-hasPermi="['oms:order:log']">记录 </el-button>
<el-button text type="primary" @click="handleDelivery(scope.row)">核销 </el-button>
<el-button text size="small" type="primary" @click="goDetail(scope.row)" v-hasPermi="['oms:order:query']">详情 </el-button>
<el-button text size="small" type="primary" @click="showLog(scope.row.id)" v-hasPermi="['oms:order:log']">记录 </el-button>
<el-button text size="small" type="primary" @click="handleDelivery(scope.row)">核销 </el-button>
</template>
</el-table-column>
</el-table>

16
src/views/pms/brand/index.vue
View File

@ -2,7 +2,13 @@
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="default" class="ry_form">
<el-form-item label="状态" prop="showStatus">
<DictRadio v-model="queryParams.showStatus" @change="handleQuery" :radioList="normalStatusMap" radioData="sys_normal_disable" :showAll="'all'" />
<DictRadio
v-model="queryParams.showStatus"
@change="handleQuery"
:radioList="normalStatusMap"
radioData="sys_normal_disable"
:showAll="'all'"
/>
</el-form-item>
<el-form-item label="名称" prop="name">
<el-input v-model="queryParams.nameLike" placeholder="名称" clearable @keyup.enter="handleQuery" />
@ -22,7 +28,7 @@
<el-table v-loading="loading" :data="pmsBrandList" @selection-change="handleSelectionChange" border>
<el-table-column label="品牌logo" prop="logo">
<template v-slot="{ row }">
<el-image v-if="row.logo" :src="row.logo" fit="cover" :preview-teleported="true" :preview-src-list="[row.logo]" />
<el-image v-if="row.logo" :src="row.logo" fit="cover" :preview-teleported="true" :preview-src-list="[row.logo]" />
</template>
</el-table-column>
<el-table-column label="名称" prop="name" />
@ -107,7 +113,7 @@ export default {
form: {},
// 表单校验
rules: {},
normalStatusMap:[]
normalStatusMap: []
};
},
async created() {
@ -177,7 +183,9 @@ export default {
const id = row.id || this.ids;
getPmsBrand(id).then((response) => {
const { data } = response || {};
data.showStatus = data.showStatus.toString();
if (data.showStatus != null) {
data.showStatus = data.showStatus.toString();
}
this.form = data || {};
this.open = true;
this.title = '修改品牌管理';

4
src/views/pms/productCategory/index.vue
View File

@ -200,7 +200,9 @@ export default {
const id = row.id || this.ids;
getPmsProductCategory(id).then((response) => {
const { data } = response || {};
data.showStatus = data.showStatus.toString();
if (data.showStatus != null) {
data.showStatus = data.showStatus.toString();
}
this.form = data || {};
this.open = true;
this.title = '修改商品分类';

69
src/views/pms/sku/index.vue
View File

@ -21,11 +21,11 @@
<el-input v-model="queryParams.outSkuId" placeholder="请输入sku编码" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="价格" prop="price">
<el-input v-model="queryParams.price" placeholder="请输入PRICE" clearable @keyup.enter="handleQuery" />
<el-input v-model="queryParams.price" placeholder="请输入价格" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="展示图片" prop="pic">
<!-- <el-form-item label="展示图片" prop="pic">
<el-input v-model="queryParams.pic" placeholder="请输入展示图片" clearable @keyup.enter="handleQuery" />
</el-form-item>
</el-form-item>-->
<el-form-item class="flex_one tr">
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
@ -42,12 +42,17 @@
<el-table-column label="商品名称" align="center" prop="productId" />
<el-table-column label="sku编码" align="center" prop="outSkuId" />
<el-table-column label="价格" align="center" prop="price" />
<el-table-column label="展示图片" align="center" prop="pic" />
<el-table-column label="商品销售属性，json格式" align="center" prop="spData" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<!-- <el-table-column label="展示图片" align="center" prop="pic" />-->
<el-table-column label="展示图片" prop="pic">
<template v-slot="{ row }">
<el-image v-if="row.pic" :src="row.pic" :preview-teleported="true" :preview-src-list="[row.pic]" class="small-img circle-img" />
</template>
</el-table-column>
<el-table-column label="商品销售属性" align="center" prop="spData" />
<el-table-column label="操作" width="180" align="center" class-name="small-padding fixed-width">
<template v-slot="scope">
<el-button text type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['pms:sku:edit']">修改</el-button>
<el-button text type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['pms:sku:remove']">删除</el-button>
<el-button text type="primary" @click="handleUpdate(scope.row)" v-hasPermi="['pms:sku:edit']">修改</el-button>
<el-button text type="primary" @click="handleDelete(scope.row)" v-hasPermi="['pms:sku:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
@ -65,25 +70,27 @@
filterable
remote
reserve-keyword
:remote-method="getProductListByName"
:loading="productSelectLoading"
:remote-method="getModalProductListByName"
:loading="productModalSelectLoading"
clearable
style="width: 100%"
>
<el-option v-for="item in productSelectOption" :key="item.id" :label="item.name" :value="item.id" />
<el-option v-for="item in productModalSelectOption" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</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="价格" prop="price">
<el-input v-model="form.price" placeholder="请输入PRICE" />
<el-input v-model="form.price" placeholder="请输入价格" />
</el-form-item>
<el-form-item label="展示图片" prop="pic">
<el-input v-model="form.pic" placeholder="请输入展示图片" />
<!-- <el-input v-model="form.pic" placeholder="请输入展示图片" />-->
<oss-image-upload v-model="form.pic" :limit="1" />
</el-form-item>
<el-form-item label="商品销售属性，json格式" prop="spData">
<el-input v-model="form.spData" type="textarea" placeholder="请输入内容" />
<el-form-item label="商品销售属性" prop="spData">
<el-input :rows="5" style="width: 360px" v-model="form.spData" type="textarea" placeholder="商品销售属性，json格式" />
<el-row>商品销售属性，<span style="color: red">json</span> 格式</el-row>
</el-form-item>
</el-form>
<template v-slot:footer>
@ -140,18 +147,20 @@ export default {
outSkuId: [{ required: true, message: 'sku编码不能为空', trigger: 'blur' }]
},
productSelectLoading: false,
productSelectOption: []
productSelectOption: [],
productModalSelectLoading: false,
productModalSelectOption: []
};
},
created() {
this.getList();
},
methods: {
// 查询人员列表
// 列表查询，查询人员列表
getProductListByName(params) {
if (params) {
this.productSelectLoading = true;
const query = { current: 1, size: 200, name: params };
const query = { current: 1, size: 200, nameLike: params };
const pageReq = { current: 1, size: 200 };
listPmsProduct(query, pageReq).then((response) => {
const { records = [] } = response.data || {};
@ -163,6 +172,24 @@ export default {
this.productSelectLoading = false;
}
},
// 弹框新建编辑SKU信息，查询人员列表
getModalProductListByName(params) {
if (params) {
this.productModalSelectLoading = true;
const query = { current: 1, size: 200, nameLike: params };
const pageReq = { current: 1, size: 200 };
listPmsProduct(query, pageReq).then((response) => {
const { records = [] } = response.data || {};
this.productModalSelectOption = records || [];
this.productModalSelectLoading = false;
});
} else {
this.productModalSelectOption = [];
this.productModalSelectLoading = false;
}
},
/** 查询sku信息列表 */
getList() {
this.loading = true;
@ -226,6 +253,12 @@ export default {
getPmsSku(id).then((response) => {
this.form = response.data || {};
this.open = true;
this.productModalSelectOption = [
{
id: this.form.productId,
name: this.form.productName
}
];
this.title = '修改sku信息';
});
},