mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git
synced 2026-08-06 10:57:26 +08:00
refactor: 移除未使用的商品规格相关 API 接口与组件,优化用户管理与物流功能
- 删除了与商品规格相关的 API 接口和组件,简化代码结构。 - 更新用户管理功能,确保表单字段与验证规则一致。 - 优化物流添加与编辑功能,确保请求参数的正确性与一致性。
This commit is contained in:
@@ -52,19 +52,11 @@ export const saveParameterCategory = (parameter_id, categoryIds) => {
|
||||
"Content-Type": "application/json"
|
||||
})
|
||||
}
|
||||
//保存获取关联规格
|
||||
export const saveCategorySpec = (category_id, params) => {
|
||||
return postRequest(`/goods/categorySpec/${category_id}`, params)
|
||||
}
|
||||
|
||||
//获取所有可用品牌
|
||||
export const getBrandListData = (params) => {
|
||||
return getRequest('/goods/brand/all', params)
|
||||
}
|
||||
// 获取所有可用规格
|
||||
export const getSpecificationList = (params) => {
|
||||
return getRequest('/goods/spec/all', params)
|
||||
}
|
||||
|
||||
//获取分类列表数据
|
||||
export const getAllCategoryList = (parent_id) => {
|
||||
@@ -93,11 +85,6 @@ export const disableCategory = (id, type) => {
|
||||
return putRequest(`/goods/category/disable/${id}`, type)
|
||||
}
|
||||
|
||||
//根据分类id获取关联规格
|
||||
export const getCategorySpecListData = (category_id, params) => {
|
||||
return getRequest(`/goods/categorySpec/${category_id}`, params)
|
||||
}
|
||||
|
||||
// 查询某分类下的全部子分类列表
|
||||
export const getGoodsCategory = (parent_id) => {
|
||||
return getRequest(`/goods/category/${parent_id}/all-children`)
|
||||
@@ -221,12 +208,6 @@ export const deleteParamsGroup = (id, params) => {
|
||||
return deleteRequest(`/goods/categoryParameters/${id}`, params)
|
||||
}
|
||||
|
||||
//保存获取关联规格
|
||||
export const getGoodsSpecInfo = (category_id, params) => {
|
||||
return getRequest(`/goods/categorySpec/goods/${category_id}`, params)
|
||||
}
|
||||
|
||||
|
||||
//获取sku列表
|
||||
export const getSkuPage = (params) => {
|
||||
return getRequest(`/goodsSku/getByPage`, params)
|
||||
|
||||
@@ -120,9 +120,37 @@ export const getAllUserData = (params) => {
|
||||
return getRequest("/passport/user/getAll", params);
|
||||
};
|
||||
|
||||
function buildUserRegisterFormBody(params) {
|
||||
const parts = [];
|
||||
const appendField = (key, value) => {
|
||||
if (value === undefined || value === null || value === "") return;
|
||||
parts.push(`${encodeURIComponent(key)}=${encodeURIComponent(value)}`);
|
||||
};
|
||||
appendField("username", params.username);
|
||||
appendField("password", params.password);
|
||||
appendField("nickName", params.nickName);
|
||||
appendField("mobile", params.mobile);
|
||||
appendField("email", params.email);
|
||||
appendField("avatar", params.avatar);
|
||||
appendField("description", params.description);
|
||||
if (params.departmentId !== undefined && params.departmentId !== null && params.departmentId !== "" && params.departmentId !== 0) {
|
||||
appendField("departmentId", params.departmentId);
|
||||
}
|
||||
if (params.isSuper !== undefined && params.isSuper !== null) {
|
||||
appendField("isSuper", params.isSuper);
|
||||
}
|
||||
if (Array.isArray(params.roles)) {
|
||||
params.roles.forEach((roleId) => appendField("roles", roleId));
|
||||
}
|
||||
return parts.join("&");
|
||||
}
|
||||
|
||||
// 添加用户
|
||||
export const addUser = (params) => {
|
||||
return postRequest("/passport/user", params);
|
||||
const body = buildUserRegisterFormBody(params);
|
||||
return postRequest("/passport/user/register", body, {
|
||||
"Content-Type": "application/x-www-form-urlencoded",
|
||||
});
|
||||
};
|
||||
// 编辑管理员自身
|
||||
export const editUser = (params) => {
|
||||
|
||||
@@ -14,11 +14,28 @@ export const getLogisticsPage = params => {
|
||||
};
|
||||
// 删除
|
||||
export const delLogistics = id => {
|
||||
return deleteRequest(`/other/logistics/delete/${id}`);
|
||||
return deleteRequest(`/other/logistics/${id}`);
|
||||
};
|
||||
// 添加
|
||||
function buildLogisticsFormBody(params) {
|
||||
const parts = [];
|
||||
const appendField = (key, value) => {
|
||||
if (value === undefined || value === null || value === "") return;
|
||||
parts.push(`${encodeURIComponent(key)}=${encodeURIComponent(value)}`);
|
||||
};
|
||||
appendField("name", params.name);
|
||||
appendField("code", params.code);
|
||||
appendField("disabled", params.disabled);
|
||||
appendField("standBy", params.standBy);
|
||||
appendField("formItems", params.formItems);
|
||||
return parts.join("&");
|
||||
}
|
||||
|
||||
export const addLogistics = params => {
|
||||
return postRequest(`/other/logistics/save`,params);
|
||||
const body = buildLogisticsFormBody(params);
|
||||
return postRequest("/other/logistics", body, {
|
||||
"Content-Type": "application/x-www-form-urlencoded",
|
||||
});
|
||||
};
|
||||
// 通过id查询详情
|
||||
export const getLogisticsDetail = id => {
|
||||
|
||||
@@ -3,12 +3,12 @@
|
||||
<el-button @click="handleClickUploadImage">上传图片</el-button>
|
||||
<el-dialog v-model="show" width="850px" title="上传图片" append-to-body :z-index="3500">
|
||||
<div class="import-oss" @click="importOSS">从资源库中导入</div>
|
||||
<div style="display: flex; flex-wrap: wrap">
|
||||
<div class="upload-images-wrap">
|
||||
<vuedraggable
|
||||
v-model="images"
|
||||
:animation="200"
|
||||
:item-key="draggableItemKey"
|
||||
style="display: flex; flex-wrap: wrap"
|
||||
class="upload-images-draggable"
|
||||
>
|
||||
<template #item="{ element, index }">
|
||||
<div class="upload-list">
|
||||
@@ -212,27 +212,57 @@ export default {
|
||||
.wrapper {
|
||||
margin: 10px 0;
|
||||
}
|
||||
$upload-item-size: 150px;
|
||||
.upload-images-wrap {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.upload-images-draggable {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.upload-list {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
width: $upload-item-size;
|
||||
height: $upload-item-size;
|
||||
text-align: center;
|
||||
border: 1px solid transparent;
|
||||
border: 1px solid #dcdfe6;
|
||||
border-radius: 4px;
|
||||
display: inline-block;
|
||||
background: #fff;
|
||||
position: relative;
|
||||
margin-right: 4px;
|
||||
vertical-align: bottom;
|
||||
margin: 0 4px 4px 0;
|
||||
overflow: hidden;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.upload-box {
|
||||
margin: 10px 0;
|
||||
width: $upload-item-size;
|
||||
height: $upload-item-size;
|
||||
margin: 0 4px 4px 0;
|
||||
display: inline-block;
|
||||
vertical-align: bottom;
|
||||
flex-shrink: 0;
|
||||
|
||||
:deep(.el-upload) {
|
||||
width: $upload-item-size;
|
||||
height: $upload-item-size;
|
||||
display: block;
|
||||
}
|
||||
|
||||
:deep(.el-upload-dragger) {
|
||||
width: $upload-item-size;
|
||||
height: $upload-item-size;
|
||||
min-height: $upload-item-size;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
.upload-trigger {
|
||||
width: 148px;
|
||||
height: 148px;
|
||||
line-height: 148px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
@@ -116,28 +116,6 @@
|
||||
<el-button type="primary" :loading="submitLoading" @click="saveCategoryBrand">提交</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog
|
||||
v-model="modalSpecVisible"
|
||||
:title="modalSpecTitle"
|
||||
width="500px"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<el-form ref="specForm" :model="specForm" label-width="100px">
|
||||
<el-select v-model="specForm.categorySpecs" multiple style="width: 100%">
|
||||
<el-option
|
||||
v-for="item in specifications"
|
||||
:key="item.id"
|
||||
:label="item.specName"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="modalSpecVisible = false">取消</el-button>
|
||||
<el-button type="primary" :loading="submitLoading" @click="saveCategorySpec">提交</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
@@ -148,12 +126,9 @@ import {
|
||||
disableCategory,
|
||||
getBrandListData,
|
||||
getCategoryBrandListData,
|
||||
getCategorySpecListData,
|
||||
getCategoryTree,
|
||||
getSpecificationList,
|
||||
insertCategory,
|
||||
saveCategoryBrand,
|
||||
saveCategorySpec,
|
||||
updateCategory,
|
||||
} from "@/api/goods";
|
||||
import uploadPicInput from "@/components/lili/upload-pic-input";
|
||||
@@ -171,18 +146,14 @@ export default {
|
||||
categoryList: [],
|
||||
loading: false,
|
||||
brands: [],
|
||||
specifications: [],
|
||||
categoryId: "",
|
||||
categorySpecs: [],
|
||||
modalType: 0,
|
||||
modalVisible: false,
|
||||
modalBrandVisible: false,
|
||||
modalSpecVisible: false,
|
||||
modalTitle: "",
|
||||
showParent: false,
|
||||
parentTitle: "",
|
||||
modalBrandTitle: "",
|
||||
modalSpecTitle: "",
|
||||
formAdd: {
|
||||
parentId: "",
|
||||
name: "",
|
||||
@@ -196,9 +167,6 @@ export default {
|
||||
categoryBrands: [],
|
||||
},
|
||||
brandWay: [],
|
||||
specForm: {
|
||||
categorySpecs: [],
|
||||
},
|
||||
formValidate: {
|
||||
commissionRate: [regular.REQUIRED, regular.INTEGER],
|
||||
name: [regular.REQUIRED, regular.VARCHAR20],
|
||||
@@ -245,20 +213,12 @@ export default {
|
||||
init() {
|
||||
this.getAllList();
|
||||
this.getBrandList();
|
||||
this.getSpecList();
|
||||
},
|
||||
getBrandList() {
|
||||
getBrandListData().then((res) => {
|
||||
this.brandWay = res;
|
||||
});
|
||||
},
|
||||
getSpecList() {
|
||||
getSpecificationList().then((res) => {
|
||||
if (res.length != 0) {
|
||||
this.specifications = res.result;
|
||||
}
|
||||
});
|
||||
},
|
||||
brandOperation(v) {
|
||||
getCategoryBrandListData(v.id).then((res) => {
|
||||
this.categoryId = v.id;
|
||||
@@ -267,23 +227,6 @@ export default {
|
||||
this.modalBrandVisible = true;
|
||||
});
|
||||
},
|
||||
specOperation(v) {
|
||||
getCategorySpecListData(v.id).then((res) => {
|
||||
this.categoryId = v.id;
|
||||
this.modalSpecTitle = "规格关联";
|
||||
this.specForm.categorySpecs = res.map((item) => item.id);
|
||||
this.modalSpecVisible = true;
|
||||
});
|
||||
},
|
||||
saveCategorySpec() {
|
||||
saveCategorySpec(this.categoryId, this.specForm).then((res) => {
|
||||
this.submitLoading = false;
|
||||
if (res.success) {
|
||||
ElMessage.success("操作成功");
|
||||
this.modalSpecVisible = false;
|
||||
}
|
||||
});
|
||||
},
|
||||
saveCategoryBrand() {
|
||||
saveCategoryBrand(this.categoryId, this.brandForm).then((res) => {
|
||||
this.submitLoading = false;
|
||||
|
||||
@@ -25,35 +25,37 @@
|
||||
<el-input-number :min="0" v-model="form.sort" style="width: 520px" />
|
||||
</el-form-item>
|
||||
<el-form-item label="参数值" prop="options">
|
||||
<el-table :data="form.options" border size="small" style="width: 520px">
|
||||
<el-table-column label="参数值" min-width="420">
|
||||
<template #default="{ row, $index }">
|
||||
<el-input
|
||||
v-if="row"
|
||||
v-model="form.options[$index].value"
|
||||
clearable
|
||||
@blur="touchOptionsValidate"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="90" align="center">
|
||||
<template #default="{ row, $index }">
|
||||
<a v-if="row" class="link-text" @click="removeOptionRow($index)">
|
||||
删除
|
||||
</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div style="margin-top: 10px">
|
||||
<el-button type="primary" @click="addOptionRow">新增</el-button>
|
||||
<div class="options-editor">
|
||||
<el-table :data="form.options" border size="small" style="width: 520px">
|
||||
<el-table-column label="参数值" min-width="420">
|
||||
<template #default="{ row, $index }">
|
||||
<el-input
|
||||
v-if="row"
|
||||
v-model="form.options[$index].value"
|
||||
clearable
|
||||
@blur="touchOptionsValidate"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="90" align="center">
|
||||
<template #default="{ row, $index }">
|
||||
<a v-if="row" class="link-text" @click="removeOptionRow($index)">
|
||||
删除
|
||||
</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="options-editor__actions">
|
||||
<el-button type="primary" @click="addOptionRow">新增</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="关联分类">
|
||||
<el-form-item label="关联分类" prop="categoryIds">
|
||||
<el-button @click="openCategoryModal">选择分类</el-button>
|
||||
<span v-if="selectedCategoryNamesText" style="margin-left: 10px; color: #999; font-size: 12px">
|
||||
{{ selectedCategoryNamesText }}</span>
|
||||
<span v-else style="margin-left: 10px; color: #999; font-size: 12px">
|
||||
已选择{{ selectedCategoryIds.length }}个分类
|
||||
已选择{{ (form.categoryIds || []).length }}个分类
|
||||
</span>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
@@ -189,6 +191,28 @@ const buildCategoryIdNameMap = (list, map) => {
|
||||
});
|
||||
};
|
||||
|
||||
const buildFormState = (source, parameterId) => {
|
||||
const opts = normalizeOptions(source?.options);
|
||||
const options = opts.length > 0 ? opts.map((x) => ({ value: x })) : [{ value: "" }];
|
||||
const categoryList = Array.isArray(source?.categoryParameterList)
|
||||
? source.categoryParameterList
|
||||
: [];
|
||||
const categoryIds = toStringArray(
|
||||
categoryList.map((x) => x && x.categoryId).filter(Boolean)
|
||||
);
|
||||
const formState = {
|
||||
paramName: source?.paramName || "",
|
||||
options,
|
||||
required: normalize01(source?.required, 0),
|
||||
isIndex: normalize01(source?.isIndex, 0),
|
||||
sort: Number(source?.sort ?? 0) || 0,
|
||||
categoryIds,
|
||||
};
|
||||
const id = source?.id || parameterId;
|
||||
if (id) formState.id = id;
|
||||
return formState;
|
||||
};
|
||||
|
||||
export default {
|
||||
name: "parameterEdit",
|
||||
data() {
|
||||
@@ -209,6 +233,7 @@ export default {
|
||||
required: 0,
|
||||
isIndex: 0,
|
||||
sort: 0,
|
||||
categoryIds: [],
|
||||
},
|
||||
formValidate: {
|
||||
paramName: [regular.REQUIRED, regular.VARCHAR5],
|
||||
@@ -216,6 +241,15 @@ export default {
|
||||
required: [{ required: true, validator: validateRadioRequired("请选择是否必填"), trigger: "change" }],
|
||||
isIndex: [{ required: true, validator: validateRadioRequired("请选择是否索引"), trigger: "change" }],
|
||||
sort: [regular.REQUIRED, regular.INTEGER],
|
||||
categoryIds: [
|
||||
{
|
||||
type: "array",
|
||||
required: true,
|
||||
min: 1,
|
||||
message: "请选择关联分类",
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
@@ -262,15 +296,23 @@ export default {
|
||||
back() {
|
||||
this.$router.push({ name: "goods-parameter" });
|
||||
},
|
||||
syncCategoryIds(ids) {
|
||||
const categoryIds = toStringArray(ids);
|
||||
this.selectedCategoryIds = categoryIds;
|
||||
if (!this.form) this.form = {};
|
||||
this.form.categoryIds = categoryIds;
|
||||
},
|
||||
touchOptionsValidate() {
|
||||
if (this.$refs.form && this.$refs.form.validateField) {
|
||||
this.$refs.form.validateField("options");
|
||||
}
|
||||
this.$nextTick(() => {
|
||||
const form = this.$refs.form;
|
||||
if (form && typeof form.validateField === "function") {
|
||||
form.validateField("options", () => {});
|
||||
}
|
||||
});
|
||||
},
|
||||
addOptionRow() {
|
||||
if (!Array.isArray(this.form.options)) this.form.options = [];
|
||||
this.form.options.push({ value: "" });
|
||||
this.touchOptionsValidate();
|
||||
},
|
||||
removeOptionRow(index) {
|
||||
if (!Array.isArray(this.form.options)) this.form.options = [];
|
||||
@@ -290,17 +332,8 @@ export default {
|
||||
const res = await getGoodsParamsDetail(parameterId).catch(() => null);
|
||||
if (!(res && res.success && res.result)) return;
|
||||
const dto = res.result;
|
||||
const opts = normalizeOptions(dto.options);
|
||||
this.form = {
|
||||
id: dto.id || parameterId,
|
||||
paramName: dto.paramName || "",
|
||||
options: opts.map((x) => ({ value: x })),
|
||||
required: normalize01(dto.required, 0),
|
||||
isIndex: normalize01(dto.isIndex, 0),
|
||||
sort: Number(dto.sort ?? 0) || 0,
|
||||
};
|
||||
const list = Array.isArray(dto.categoryParameterList) ? dto.categoryParameterList : [];
|
||||
this.selectedCategoryIds = toStringArray(list.map((x) => x && x.categoryId).filter(Boolean));
|
||||
this.form = buildFormState(dto, parameterId);
|
||||
this.selectedCategoryIds = [...this.form.categoryIds];
|
||||
},
|
||||
async openCategoryModal() {
|
||||
this.categoryModalVisible = true;
|
||||
@@ -320,7 +353,13 @@ export default {
|
||||
}
|
||||
},
|
||||
onCategoryTreeCheckChange(_data, checkedInfo) {
|
||||
this.selectedCategoryIds = toStringArray(checkedInfo?.checkedKeys || []);
|
||||
this.syncCategoryIds(checkedInfo?.checkedKeys || []);
|
||||
this.$nextTick(() => {
|
||||
const form = this.$refs.form;
|
||||
if (form && typeof form.validateField === "function") {
|
||||
form.validateField("categoryIds", () => {});
|
||||
}
|
||||
});
|
||||
},
|
||||
initForm() {
|
||||
if (this.id) {
|
||||
@@ -329,15 +368,8 @@ export default {
|
||||
if (cached) {
|
||||
try {
|
||||
const row = JSON.parse(cached);
|
||||
const opts = normalizeOptions(row.options);
|
||||
this.form = {
|
||||
id: row.id,
|
||||
paramName: row.paramName || "",
|
||||
options: opts.map((x) => ({ value: x })),
|
||||
required: normalize01(row.required, 0),
|
||||
isIndex: normalize01(row.isIndex, 0),
|
||||
sort: Number(row.sort ?? 0) || 0,
|
||||
};
|
||||
this.form = buildFormState(row, row.id);
|
||||
this.selectedCategoryIds = [...this.form.categoryIds];
|
||||
} catch (e) {
|
||||
this.modalType = 0;
|
||||
}
|
||||
@@ -348,7 +380,7 @@ export default {
|
||||
if (!Array.isArray(this.form.options) || this.form.options.length === 0) {
|
||||
this.form.options = [{ value: "" }];
|
||||
}
|
||||
this.selectedCategoryIds = [];
|
||||
this.syncCategoryIds([]);
|
||||
}
|
||||
},
|
||||
handleSubmit() {
|
||||
@@ -356,7 +388,7 @@ export default {
|
||||
if (!valid) return;
|
||||
this.submitLoading = true;
|
||||
const options = normalizeOptions(this.form.options);
|
||||
const categoryIds = toStringArray(this.selectedCategoryIds);
|
||||
const categoryIds = toStringArray(this.form.categoryIds);
|
||||
const payload = {
|
||||
...this.form,
|
||||
options: options.join(","),
|
||||
@@ -404,4 +436,14 @@ export default {
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss"></style>
|
||||
<style lang="scss">
|
||||
.options-editor {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 520px;
|
||||
}
|
||||
|
||||
.options-editor__actions {
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -44,7 +44,7 @@
|
||||
<template #default="{ row }">
|
||||
<div v-if="row">
|
||||
<a class="link-text" @click="goEdit(row)">编辑</a>
|
||||
<span class="op-split">|</span>|<span class="op-split">|</span>
|
||||
<span class="op-split">|</span>
|
||||
<a class="link-text" @click="remove(row)">删除</a>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -137,6 +137,13 @@ export default {
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
code: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入物流公司编码",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
},
|
||||
submitLoading: false,
|
||||
data: [],
|
||||
@@ -192,10 +199,12 @@ export default {
|
||||
|
||||
if (this.modalTitle === "添加") {
|
||||
const payload = {
|
||||
...this.form,
|
||||
name: this.form.name,
|
||||
code: this.form.code,
|
||||
disabled: this.form.disabled,
|
||||
standBy: normalizeStandBy(this.form.standBy),
|
||||
formItems: this.form.formItems,
|
||||
};
|
||||
delete payload.id;
|
||||
addLogistics(payload).then((res) => {
|
||||
this.submitLoading = false;
|
||||
if (res.success) {
|
||||
|
||||
@@ -1,20 +1,19 @@
|
||||
<template>
|
||||
<div class="wrapper">
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="4" style="height: 100%">
|
||||
<el-card class="article-category mr_10">
|
||||
<el-tree
|
||||
:data="treeData"
|
||||
:props="{ label: 'title', children: 'children' }"
|
||||
node-key="value"
|
||||
highlight-current
|
||||
default-expand-all
|
||||
@node-click="handleCateChange"
|
||||
/>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-card class="article-detail">
|
||||
<div class="article-page">
|
||||
<div class="article-page__aside">
|
||||
<el-card class="article-category">
|
||||
<el-tree
|
||||
:data="treeData"
|
||||
:props="{ label: 'title', children: 'children' }"
|
||||
node-key="value"
|
||||
highlight-current
|
||||
default-expand-all
|
||||
@node-click="handleCateChange"
|
||||
/>
|
||||
</el-card>
|
||||
</div>
|
||||
<div class="article-page__main">
|
||||
<el-card class="article-detail">
|
||||
<el-form
|
||||
ref="searchForm"
|
||||
:model="searchForm"
|
||||
@@ -41,7 +40,8 @@
|
||||
<el-button v-if="!selected" type="primary" @click="add">添加</el-button>
|
||||
</div>
|
||||
|
||||
<el-table ref="table" v-loading="loading" border :data="data" style="width: 100%">
|
||||
<div class="article-table-wrap">
|
||||
<el-table ref="table" v-loading="loading" border :data="data" style="width: 100%">
|
||||
<el-table-column prop="articleCategoryName" label="分类名称" width="150" />
|
||||
<el-table-column prop="title" label="文章标题" min-width="200" show-overflow-tooltip />
|
||||
<el-table-column label="是否显示" width="100">
|
||||
@@ -74,7 +74,8 @@
|
||||
</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<div class="mt_10" style="display: flex; justify-content: flex-end">
|
||||
<el-pagination
|
||||
@@ -89,8 +90,7 @@
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
|
||||
<el-dialog
|
||||
v-if="!selected"
|
||||
@@ -100,7 +100,7 @@
|
||||
:close-on-click-modal="false"
|
||||
destroy-on-close
|
||||
>
|
||||
<el-form ref="form" :model="form" label-width="100px">
|
||||
<el-form ref="form" :model="form" label-width="100px" :rules="formValidate">
|
||||
<el-form-item label="文章标题" prop="title">
|
||||
<el-input v-model="form.title" clearable style="width: 40%" />
|
||||
</el-form-item>
|
||||
@@ -155,6 +155,25 @@ import {
|
||||
updateArticleStatus,
|
||||
} from "@/api/pages";
|
||||
import tinymec from "@/components/editor/index.vue";
|
||||
import { regular } from "@/utils";
|
||||
|
||||
const validateArticleContent = (rule, value, callback) => {
|
||||
const html = String(value || "").trim();
|
||||
if (!html) {
|
||||
callback(new Error("请填写文章内容"));
|
||||
return;
|
||||
}
|
||||
const text = html
|
||||
.replace(/<[^>]+>/g, "")
|
||||
.replace(/ /gi, " ")
|
||||
.trim();
|
||||
const hasImage = /<img[\s>]/i.test(html);
|
||||
if (!text && !hasImage) {
|
||||
callback(new Error("请填写文章内容"));
|
||||
return;
|
||||
}
|
||||
callback();
|
||||
};
|
||||
|
||||
export default {
|
||||
components: {
|
||||
@@ -190,6 +209,12 @@ export default {
|
||||
content: "",
|
||||
id: "",
|
||||
},
|
||||
formValidate: {
|
||||
title: [{ required: true, message: "请输入文章标题", trigger: "blur" }],
|
||||
categoryId: [{ required: true, message: "请选择文章分类", trigger: "change" }],
|
||||
sort: [regular.REQUIRED, regular.INTEGER],
|
||||
content: [{ required: true, validator: validateArticleContent, trigger: "change" }],
|
||||
},
|
||||
list: [],
|
||||
treeValue: "",
|
||||
treeData: [],
|
||||
@@ -213,6 +238,15 @@ export default {
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
getDefaultForm() {
|
||||
return {
|
||||
openStatus: false,
|
||||
title: "",
|
||||
categoryId: "",
|
||||
sort: 1,
|
||||
content: "",
|
||||
};
|
||||
},
|
||||
init() {
|
||||
this.getDataList();
|
||||
this.getAllList(0);
|
||||
@@ -224,8 +258,8 @@ export default {
|
||||
handleCateChange(data) {
|
||||
if (!data) return;
|
||||
const { value, title } = data;
|
||||
this.list.push({ value, title });
|
||||
this.searchForm.categoryId = value;
|
||||
this.searchForm.categoryId =
|
||||
value === "0" || value === 0 ? "" : value;
|
||||
this.searchTreeValue = title;
|
||||
},
|
||||
changeSwitch(v) {
|
||||
@@ -308,10 +342,24 @@ export default {
|
||||
}
|
||||
return arr;
|
||||
},
|
||||
buildArticleSearchParams() {
|
||||
const params = { ...this.searchForm };
|
||||
const categoryId = params.categoryId;
|
||||
if (
|
||||
categoryId === "" ||
|
||||
categoryId === null ||
|
||||
categoryId === undefined ||
|
||||
categoryId === 0 ||
|
||||
categoryId === "0"
|
||||
) {
|
||||
delete params.categoryId;
|
||||
}
|
||||
return params;
|
||||
},
|
||||
getDataList(val) {
|
||||
if (val) this.form = {};
|
||||
this.loading = true;
|
||||
getArticle(this.searchForm)
|
||||
getArticle(this.buildArticleSearchParams())
|
||||
.then((res) => {
|
||||
if (res.success) {
|
||||
this.total = res.result.total;
|
||||
@@ -323,6 +371,9 @@ export default {
|
||||
});
|
||||
},
|
||||
handleSubmit() {
|
||||
if (this.$refs.editor?.getContent) {
|
||||
this.form.content = this.$refs.editor.getContent();
|
||||
}
|
||||
this.$refs.form.validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitLoading = true;
|
||||
@@ -353,20 +404,17 @@ export default {
|
||||
this.modalType = 0;
|
||||
this.modalTitle = "添加文章";
|
||||
this.treeValue = "";
|
||||
this.form = {
|
||||
sort: 1,
|
||||
content: "",
|
||||
};
|
||||
this.$refs.form?.resetFields();
|
||||
delete this.form.id;
|
||||
this.form = this.getDefaultForm();
|
||||
this.modalVisible = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.form?.clearValidate?.();
|
||||
});
|
||||
},
|
||||
edit(data) {
|
||||
this.modalType = 1;
|
||||
this.modalTitle = "编辑文章";
|
||||
this.treeValue = "";
|
||||
this.form = { content: "" };
|
||||
this.$refs.form?.resetFields();
|
||||
this.form = this.getDefaultForm();
|
||||
seeArticle(data.id).then((res) => {
|
||||
if (res.result) {
|
||||
this.modalVisible = true;
|
||||
@@ -402,3 +450,35 @@ export default {
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.article-page {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
align-items: flex-start;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.article-page__aside {
|
||||
flex: 0 0 220px;
|
||||
width: 220px;
|
||||
min-width: 180px;
|
||||
max-width: 260px;
|
||||
}
|
||||
|
||||
.article-page__main {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.article-category,
|
||||
.article-detail {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.article-table-wrap {
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -13,11 +13,11 @@
|
||||
style="width: 260px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="活动时间" class="activity-time-form-item">
|
||||
<el-form-item label="活动时间" prop="rangeTime" class="activity-time-form-item">
|
||||
<el-date-picker
|
||||
type="datetimerange"
|
||||
:disabled-date="options.disabledDate"
|
||||
v-model="rangeTime"
|
||||
v-model="form.rangeTime"
|
||||
format="YYYY-MM-DD HH:mm:ss"
|
||||
start-placeholder="开始时间"
|
||||
end-placeholder="结束时间"
|
||||
@@ -184,13 +184,13 @@ export default {
|
||||
},
|
||||
showCouponSelect: false,
|
||||
tempCouponList: [],
|
||||
rangeTime: "",
|
||||
checkUserList: false,
|
||||
selectedMember: [],
|
||||
form: {
|
||||
promotionName: "",
|
||||
activityScope: "ALL",
|
||||
couponActivityType: "REGISTERED",
|
||||
rangeTime: null,
|
||||
startTime: "",
|
||||
endTime: "",
|
||||
memberDTOS: [],
|
||||
@@ -201,7 +201,19 @@ export default {
|
||||
selectCouponList: [],
|
||||
formRule: {
|
||||
promotionName: [{ required: true, message: "活动名称不能为空" }],
|
||||
rangeTime: [{ required: true, message: "请选择活动有效期" }],
|
||||
rangeTime: [
|
||||
{
|
||||
required: true,
|
||||
validator: (rule, value, callback) => {
|
||||
if (!value || !Array.isArray(value) || value.length !== 2 || !value[0] || !value[1]) {
|
||||
callback(new Error("请选择活动有效期"));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
description: [{ required: true, message: "请输入范围描述" }],
|
||||
},
|
||||
};
|
||||
@@ -291,49 +303,31 @@ export default {
|
||||
this.showCouponSelect = true;
|
||||
},
|
||||
handleSubmit() {
|
||||
if (this.form.couponFrequencyEnum !== "") {
|
||||
if (this.form.activityScope == "ALL") {
|
||||
this.form.startTime = this.$filters.unixToDate(this.rangeTime[0] / 1000);
|
||||
this.form.endTime = this.$filters.unixToDate(this.rangeTime[1] / 1000);
|
||||
if (this.form.couponFrequencyEnum !== "" && this.form.activityScope != "ALL") {
|
||||
this.$Message.info("自动发券只能全用户发送");
|
||||
this.form.couponActivityType = "SPECIFY";
|
||||
this.form.activityScope = "ALL";
|
||||
return;
|
||||
}
|
||||
|
||||
this.$refs.form.validate((valid) => {
|
||||
if (valid) {
|
||||
const params = JSON.parse(JSON.stringify(this.form));
|
||||
this.submitLoading = true;
|
||||
delete params.id;
|
||||
saveActivityCoupon(params).then((res) => {
|
||||
this.submitLoading = false;
|
||||
if (res.success) {
|
||||
this.$Message.success("优惠券活动创建成功");
|
||||
this.closeCurrentPage();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
} else {
|
||||
this.$Message.info("自动发券只能全用户发送");
|
||||
this.form.couponActivityType = "SPECIFY";
|
||||
this.form.activityScope = "ALL";
|
||||
}
|
||||
} else {
|
||||
this.form.startTime = this.$filters.unixToDate(this.rangeTime[0] / 1000);
|
||||
this.form.endTime = this.$filters.unixToDate(this.rangeTime[1] / 1000);
|
||||
this.$refs.form.validate((valid) => {
|
||||
if (!valid) return;
|
||||
|
||||
this.$refs.form.validate((valid) => {
|
||||
if (valid) {
|
||||
const params = JSON.parse(JSON.stringify(this.form));
|
||||
this.submitLoading = true;
|
||||
delete params.id;
|
||||
saveActivityCoupon(params).then((res) => {
|
||||
this.submitLoading = false;
|
||||
if (res.success) {
|
||||
this.$Message.success("优惠券活动创建成功");
|
||||
this.closeCurrentPage();
|
||||
}
|
||||
});
|
||||
this.form.startTime = this.$filters.unixToDate(this.form.rangeTime[0] / 1000);
|
||||
this.form.endTime = this.$filters.unixToDate(this.form.rangeTime[1] / 1000);
|
||||
|
||||
const params = JSON.parse(JSON.stringify(this.form));
|
||||
delete params.rangeTime;
|
||||
delete params.id;
|
||||
this.submitLoading = true;
|
||||
saveActivityCoupon(params).then((res) => {
|
||||
this.submitLoading = false;
|
||||
if (res.success) {
|
||||
this.$Message.success("优惠券活动创建成功");
|
||||
this.closeCurrentPage();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
closeCurrentPage() {
|
||||
this.$store.commit("removeTag", "add-platform-coupon");
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<div class="form-item-view">
|
||||
<h4>商品信息</h4>
|
||||
|
||||
<el-form-item label="选择商品" prop="scopeType">
|
||||
<el-form-item label="选择商品" prop="promotionGoodsList">
|
||||
<el-button type="primary" @click="openSkuList">选择商品</el-button>
|
||||
</el-form-item>
|
||||
|
||||
@@ -116,13 +116,30 @@ export default {
|
||||
modalType: 0,
|
||||
form: {
|
||||
promotionGoodsList: [],
|
||||
rangeTime: [],
|
||||
},
|
||||
id: this.$route.query.id,
|
||||
submitLoading: false,
|
||||
selectedGoods: [],
|
||||
promotionGoodsList: [],
|
||||
formRule: {
|
||||
rangeTime: [{ required: true, message: "请选择活动时间" }],
|
||||
promotionGoodsList: [
|
||||
{
|
||||
type: "array",
|
||||
required: true,
|
||||
min: 1,
|
||||
message: "请至少选择一个商品",
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
rangeTime: [
|
||||
{
|
||||
type: "array",
|
||||
required: true,
|
||||
message: "请选择活动时间",
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
},
|
||||
options: {
|
||||
disabledDate(date) {
|
||||
@@ -140,78 +157,80 @@ export default {
|
||||
methods: {
|
||||
handleSubmit() {
|
||||
this.$refs.form.validate((valid) => {
|
||||
if (valid) {
|
||||
const params = JSON.parse(JSON.stringify(this.form));
|
||||
if (this.form.rangeTime[0] === "" || this.form.rangeTime[0] === "") {
|
||||
this.$Message.error("请选择活动时间");
|
||||
return;
|
||||
}
|
||||
params.startTime = this.$filters.unixToDate(
|
||||
this.form.rangeTime[0] / 1000
|
||||
);
|
||||
params.endTime = this.$filters.unixToDate(
|
||||
this.form.rangeTime[1] / 1000
|
||||
);
|
||||
delete params.rangeTime;
|
||||
let checkResult = true;
|
||||
if (this.form.promotionGoodsList.length > 0) {
|
||||
this.form.promotionGoodsList.forEach((res) => {
|
||||
if (res.stock <= 0 || res.stock > res.quantity) {
|
||||
checkResult = false;
|
||||
this.$Message.error("活动库存不能为0且不能超过商品库存");
|
||||
return;
|
||||
}
|
||||
|
||||
if (!regular.money.test(res.settlementPrice)) {
|
||||
checkResult = false;
|
||||
this.$Message.error("结算价格金额格式不正确");
|
||||
return;
|
||||
}
|
||||
if (res.settlementPrice < 0 || res.settlementPrice > res.price) {
|
||||
checkResult = false;
|
||||
this.$Message.error("结算价格金额不能为0且不能超过商品价格");
|
||||
return;
|
||||
}
|
||||
if (!regular.money.test(res.highestPrice)) {
|
||||
checkResult = false;
|
||||
this.$Message.error("最高可砍金额格式错误");
|
||||
return;
|
||||
}
|
||||
if (res.highestPrice <= 0 || res.highestPrice > res.price) {
|
||||
checkResult = false;
|
||||
this.$Message.error("最高可砍金额不能为0且不能超过商品价格");
|
||||
return;
|
||||
}
|
||||
if (!regular.money.test(res.lowestPrice)) {
|
||||
checkResult = false;
|
||||
this.$Message.error("最低可砍金额格式错误");
|
||||
return;
|
||||
}
|
||||
if (res.lowestPrice <= 0 || res.lowestPrice > res.price) {
|
||||
checkResult = false;
|
||||
this.$Message.error("最低可砍金额不能为0");
|
||||
return;
|
||||
}
|
||||
if (parseInt(res.lowestPrice) > parseInt(res.highestPrice)) {
|
||||
checkResult = false;
|
||||
this.$Message.error("最低砍价金额不能大于最高砍价金额");
|
||||
return;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if (!checkResult) {
|
||||
return;
|
||||
}
|
||||
this.submitLoading = true;
|
||||
saveKanJiaActivityGoods(params).then((res) => {
|
||||
this.submitLoading = false;
|
||||
if (res.success) {
|
||||
this.$Message.success("砍价活动修改成功");
|
||||
this.closeCurrentPage();
|
||||
}
|
||||
});
|
||||
if (!valid) {
|
||||
return;
|
||||
}
|
||||
if (!this.form.promotionGoodsList.length) {
|
||||
this.$Message.warning("请至少选择一个商品");
|
||||
return;
|
||||
}
|
||||
|
||||
const params = JSON.parse(JSON.stringify(this.form));
|
||||
const [start, end] = this.form.rangeTime || [];
|
||||
const startDate = start instanceof Date ? start : new Date(start);
|
||||
const endDate = end instanceof Date ? end : new Date(end);
|
||||
params.startTime = this.$filters.unixToDate(startDate.getTime() / 1000);
|
||||
params.endTime = this.$filters.unixToDate(endDate.getTime() / 1000);
|
||||
delete params.rangeTime;
|
||||
|
||||
let checkResult = true;
|
||||
this.form.promotionGoodsList.forEach((res) => {
|
||||
if (res.stock <= 0 || res.stock > res.quantity) {
|
||||
checkResult = false;
|
||||
this.$Message.error("活动库存不能为0且不能超过商品库存");
|
||||
return;
|
||||
}
|
||||
|
||||
if (!regular.money.test(res.settlementPrice)) {
|
||||
checkResult = false;
|
||||
this.$Message.error("结算价格金额格式不正确");
|
||||
return;
|
||||
}
|
||||
if (res.settlementPrice < 0 || res.settlementPrice > res.price) {
|
||||
checkResult = false;
|
||||
this.$Message.error("结算价格金额不能为0且不能超过商品价格");
|
||||
return;
|
||||
}
|
||||
if (!regular.money.test(res.highestPrice)) {
|
||||
checkResult = false;
|
||||
this.$Message.error("最高可砍金额格式错误");
|
||||
return;
|
||||
}
|
||||
if (res.highestPrice <= 0 || res.highestPrice > res.price) {
|
||||
checkResult = false;
|
||||
this.$Message.error("最高可砍金额不能为0且不能超过商品价格");
|
||||
return;
|
||||
}
|
||||
if (!regular.money.test(res.lowestPrice)) {
|
||||
checkResult = false;
|
||||
this.$Message.error("最低可砍金额格式错误");
|
||||
return;
|
||||
}
|
||||
if (res.lowestPrice <= 0 || res.lowestPrice > res.price) {
|
||||
checkResult = false;
|
||||
this.$Message.error("最低可砍金额不能为0");
|
||||
return;
|
||||
}
|
||||
if (parseInt(res.lowestPrice) > parseInt(res.highestPrice)) {
|
||||
checkResult = false;
|
||||
this.$Message.error("最低砍价金额不能大于最高砍价金额");
|
||||
return;
|
||||
}
|
||||
});
|
||||
|
||||
if (!checkResult) {
|
||||
return;
|
||||
}
|
||||
this.submitLoading = true;
|
||||
saveKanJiaActivityGoods(params).then((res) => {
|
||||
this.submitLoading = false;
|
||||
if (res.success) {
|
||||
this.$Message.success(
|
||||
this.modalType === 1 ? "砍价活动修改成功" : "砍价活动添加成功"
|
||||
);
|
||||
this.closeCurrentPage();
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
closeCurrentPage() {
|
||||
@@ -232,6 +251,15 @@ export default {
|
||||
},
|
||||
delGoods(index) {
|
||||
this.form.promotionGoodsList.splice(index, 1);
|
||||
this.touchPromotionGoodsValidate();
|
||||
},
|
||||
touchPromotionGoodsValidate() {
|
||||
this.$nextTick(() => {
|
||||
const form = this.$refs.form;
|
||||
if (form && typeof form.validateField === "function") {
|
||||
form.validateField("promotionGoodsList", () => {});
|
||||
}
|
||||
});
|
||||
},
|
||||
selectedGoodsData(item) {
|
||||
let list = [];
|
||||
@@ -252,6 +280,7 @@ export default {
|
||||
});
|
||||
});
|
||||
this.form.promotionGoodsList = list;
|
||||
this.touchPromotionGoodsValidate();
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
@@ -62,17 +62,16 @@
|
||||
style="width: 260px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="活动时间" prop="rangeTime">
|
||||
<el-form-item label="活动时间" prop="rangeTime" class="kanjia-activity-time-form-item">
|
||||
<el-date-picker
|
||||
:disabled="onlyView"
|
||||
v-model="form.rangeTime"
|
||||
type="datetimerange"
|
||||
format="YYYY-MM-DD HH:mm:ss"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
start-placeholder="开始时间"
|
||||
end-placeholder="结束时间"
|
||||
:disabled-date="disabledDate"
|
||||
style="width: 360px"
|
||||
placeholder="请选择"
|
||||
:disabled-date="options.disabledDate"
|
||||
/>
|
||||
</el-form-item>
|
||||
<div>
|
||||
@@ -154,9 +153,21 @@ export default {
|
||||
{ required: true, message: "请输入最高可砍金额" },
|
||||
{ validator: checkHighestPrice },
|
||||
],
|
||||
rangeTime: [{ required: true, message: "请选择活动时间" }],
|
||||
rangeTime: [
|
||||
{
|
||||
type: "array",
|
||||
required: true,
|
||||
message: "请选择活动时间",
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
stock: [{ required: true, message: "请输入活动库存" }],
|
||||
},
|
||||
options: {
|
||||
disabledDate(date) {
|
||||
return date && date.valueOf() < Date.now() - 86400000;
|
||||
},
|
||||
},
|
||||
};
|
||||
},
|
||||
async mounted() {
|
||||
@@ -166,9 +177,6 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
disabledDate(date) {
|
||||
return date && date.getTime() < Date.now() - 86400000;
|
||||
},
|
||||
getKanJiaActivityGoods() {
|
||||
getKanJiaActivityGoodsById(this.id).then((res) => {
|
||||
this.form = res.result;
|
||||
@@ -177,58 +185,62 @@ export default {
|
||||
},
|
||||
handleSubmit() {
|
||||
this.$refs.form.validate((valid) => {
|
||||
if (valid) {
|
||||
const params = JSON.parse(JSON.stringify(this.form));
|
||||
if (!this.form.rangeTime || this.form.rangeTime.length !== 2) {
|
||||
this.$Message.error("请选择活动时间");
|
||||
return;
|
||||
}
|
||||
params.startTime = this.form.rangeTime[0];
|
||||
params.endTime = this.form.rangeTime[1];
|
||||
delete params.rangeTime;
|
||||
|
||||
if (params.stock <= 0 || params.stock > params.goodsSku.quantity) {
|
||||
this.$Message.error("活动库存不能为0且不能超过商品库存");
|
||||
return;
|
||||
}
|
||||
if (!regular.money.test(params.settlementPrice)) {
|
||||
this.$Message.error("结算价格金额格式不正确");
|
||||
return;
|
||||
}
|
||||
if (params.settlementPrice < 0 || params.settlementPrice > params.price) {
|
||||
this.$Message.error("结算价格金额不能为0且不能超过商品价格");
|
||||
return;
|
||||
}
|
||||
if (!regular.money.test(params.highestPrice)) {
|
||||
this.$Message.error("最高可砍金额格式错误");
|
||||
return;
|
||||
}
|
||||
if (params.highestPrice <= 0 || params.highestPrice > params.price) {
|
||||
this.$Message.error("最高可砍金额不能为0且不能超过商品价格");
|
||||
return;
|
||||
}
|
||||
if (!regular.money.test(params.lowestPrice)) {
|
||||
this.$Message.error("最低可砍金额格式错误");
|
||||
return;
|
||||
}
|
||||
if (params.lowestPrice <= 0 || params.lowestPrice > params.price) {
|
||||
this.$Message.error("最低可砍金额不能为0");
|
||||
return;
|
||||
}
|
||||
if (params.lowestPrice > params.highestPrice) {
|
||||
this.$Message.error("最低砍价金额不能大于最高砍价金额");
|
||||
return;
|
||||
}
|
||||
|
||||
this.submitLoading = true;
|
||||
editKanJiaActivityGoods(params).then((res) => {
|
||||
this.submitLoading = false;
|
||||
if (res.success) {
|
||||
this.$Message.success("砍价活动修改成功");
|
||||
this.closeCurrentPage();
|
||||
}
|
||||
});
|
||||
if (!valid) {
|
||||
return;
|
||||
}
|
||||
const params = JSON.parse(JSON.stringify(this.form));
|
||||
const [start, end] = this.form.rangeTime || [];
|
||||
if (!start || !end) {
|
||||
this.$Message.error("请选择活动时间");
|
||||
return;
|
||||
}
|
||||
const startDate = start instanceof Date ? start : new Date(start);
|
||||
const endDate = end instanceof Date ? end : new Date(end);
|
||||
params.startTime = this.$filters.unixToDate(startDate.getTime() / 1000);
|
||||
params.endTime = this.$filters.unixToDate(endDate.getTime() / 1000);
|
||||
delete params.rangeTime;
|
||||
|
||||
if (params.stock <= 0 || params.stock > params.goodsSku.quantity) {
|
||||
this.$Message.error("活动库存不能为0且不能超过商品库存");
|
||||
return;
|
||||
}
|
||||
if (!regular.money.test(params.settlementPrice)) {
|
||||
this.$Message.error("结算价格金额格式不正确");
|
||||
return;
|
||||
}
|
||||
if (params.settlementPrice < 0 || params.settlementPrice > params.price) {
|
||||
this.$Message.error("结算价格金额不能为0且不能超过商品价格");
|
||||
return;
|
||||
}
|
||||
if (!regular.money.test(params.highestPrice)) {
|
||||
this.$Message.error("最高可砍金额格式错误");
|
||||
return;
|
||||
}
|
||||
if (params.highestPrice <= 0 || params.highestPrice > params.price) {
|
||||
this.$Message.error("最高可砍金额不能为0且不能超过商品价格");
|
||||
return;
|
||||
}
|
||||
if (!regular.money.test(params.lowestPrice)) {
|
||||
this.$Message.error("最低可砍金额格式错误");
|
||||
return;
|
||||
}
|
||||
if (params.lowestPrice <= 0 || params.lowestPrice > params.price) {
|
||||
this.$Message.error("最低可砍金额不能为0");
|
||||
return;
|
||||
}
|
||||
if (params.lowestPrice > params.highestPrice) {
|
||||
this.$Message.error("最低砍价金额不能大于最高砍价金额");
|
||||
return;
|
||||
}
|
||||
|
||||
this.submitLoading = true;
|
||||
editKanJiaActivityGoods(params).then((res) => {
|
||||
this.submitLoading = false;
|
||||
if (res.success) {
|
||||
this.$Message.success("砍价活动修改成功");
|
||||
this.closeCurrentPage();
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
closeCurrentPage() {
|
||||
@@ -252,4 +264,12 @@ h4 {
|
||||
line-height: 40px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.kanjia-activity-time-form-item {
|
||||
:deep(.el-date-editor) {
|
||||
width: 360px !important;
|
||||
max-width: 360px;
|
||||
flex-grow: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -370,8 +370,9 @@
|
||||
:show-close="true"
|
||||
>
|
||||
<memberLayout
|
||||
v-if="memberModalFlag"
|
||||
:selectedMember="true"
|
||||
@callback="callbackMember"
|
||||
class="selectedMember"
|
||||
ref="memberLayout"
|
||||
/>
|
||||
</el-dialog>
|
||||
@@ -566,7 +567,6 @@ export default {
|
||||
|
||||
//选择会员
|
||||
selectMember() {
|
||||
this.$refs["memberLayout"].selectedMember = true;
|
||||
this.memberModalFlag = true;
|
||||
},
|
||||
|
||||
|
||||
@@ -44,7 +44,7 @@
|
||||
<template #default="{ row }">
|
||||
<template v-if="row">
|
||||
<a class="link-text" @click="edit(row)">编辑</a>
|
||||
<span class="op-split">|</span>|<span class="op-split">|</span>
|
||||
<span class="op-split">|</span>
|
||||
<a class="link-text" @click="remove(row)">删除</a>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
@@ -104,7 +104,7 @@
|
||||
<el-form-item label="用户名" prop="username">
|
||||
<el-input v-model="form.username" autocomplete="off" />
|
||||
</el-form-item>
|
||||
<el-form-item label="昵称" prop="username">
|
||||
<el-form-item label="昵称" prop="nickName">
|
||||
<el-input v-model="form.nickName" autocomplete="off" />
|
||||
</el-form-item>
|
||||
<el-form-item v-if="modalType == 0" label="密码" prop="password" :error="errorPass">
|
||||
@@ -178,9 +178,12 @@ export default {
|
||||
modalTitle: "",
|
||||
form: {
|
||||
username: "",
|
||||
nickName: "",
|
||||
password: "",
|
||||
mobile: "",
|
||||
email: "",
|
||||
sex: "",
|
||||
avatar: "",
|
||||
description: "",
|
||||
roles: [],
|
||||
departmentId: 0,
|
||||
departmentTitle: "",
|
||||
@@ -285,18 +288,30 @@ export default {
|
||||
this.$refs.form.validate((valid) => {
|
||||
if (valid) {
|
||||
if (this.modalType == 0) {
|
||||
const params = JSON.parse(JSON.stringify(this.form));
|
||||
delete params.id;
|
||||
delete params.status;
|
||||
if (params.password == "" || params.password == undefined) {
|
||||
if (this.form.password == "" || this.form.password == undefined) {
|
||||
this.errorPass = "密码不能为空";
|
||||
return;
|
||||
}
|
||||
if (params.password.length < 6) {
|
||||
if (this.form.password.length < 6) {
|
||||
this.errorPass = "密码长度不得少于6位";
|
||||
return;
|
||||
}
|
||||
params.password = this.md5(params.password);
|
||||
if (Array.isArray(this.form.roles) && this.form.roles.length > 9) {
|
||||
ElMessage.warning("角色最多选择9个");
|
||||
return;
|
||||
}
|
||||
const params = {
|
||||
username: this.form.username,
|
||||
password: this.form.password,
|
||||
nickName: this.form.nickName,
|
||||
mobile: this.form.mobile,
|
||||
email: this.form.email,
|
||||
avatar: this.form.avatar,
|
||||
description: this.form.description,
|
||||
departmentId: this.form.departmentId,
|
||||
roles: this.form.roles,
|
||||
};
|
||||
this.errorPass = "";
|
||||
this.submitLoading = true;
|
||||
addUser(params).then((res) => {
|
||||
this.submitLoading = false;
|
||||
@@ -325,9 +340,12 @@ export default {
|
||||
this.modalTitle = "添加用户";
|
||||
this.form = {
|
||||
username: "",
|
||||
nickName: "",
|
||||
password: "",
|
||||
mobile: "",
|
||||
email: "",
|
||||
sex: "",
|
||||
avatar: "",
|
||||
description: "",
|
||||
roles: [],
|
||||
departmentId: 0,
|
||||
departmentTitle: "",
|
||||
|
||||
Reference in New Issue
Block a user