branch_wz
wangzhuo 7 months ago
parent 5e51d3cdb2
commit 007922df3f

@ -2,7 +2,6 @@
require('./check-versions')() require('./check-versions')()
process.env.NODE_ENV = 'production' process.env.NODE_ENV = 'production'
const ora = require('ora') const ora = require('ora')
const rm = require('rimraf') const rm = require('rimraf')
const path = require('path') const path = require('path')
@ -10,10 +9,8 @@ const chalk = require('chalk')
const webpack = require('webpack') const webpack = require('webpack')
const config = require('../config') const config = require('../config')
const webpackConfig = require('./webpack.prod.conf') const webpackConfig = require('./webpack.prod.conf')
const spinner = ora('building for production...') const spinner = ora('building for production...')
spinner.start() spinner.start()
rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
if (err) throw err if (err) throw err
webpack(webpackConfig, (err, stats) => { webpack(webpackConfig, (err, stats) => {

@ -8,7 +8,6 @@ exports.assetsPath = function (_path) {
const assetsSubDirectory = process.env.NODE_ENV === 'production' const assetsSubDirectory = process.env.NODE_ENV === 'production'
? config.build.assetsSubDirectory ? config.build.assetsSubDirectory
: config.dev.assetsSubDirectory : config.dev.assetsSubDirectory
return path.posix.join(assetsSubDirectory, _path) return path.posix.join(assetsSubDirectory, _path)
} }

@ -1,145 +1,172 @@
<template>  <template>
<!-- 页面卡片容器 -->
<el-card class="form-container" shadow="never"> <el-card class="form-container" shadow="never">
<el-form :model="brand" :rules="rules" ref="brandFrom" label-width="150px"> <!-- 表单定义 -->
<el-form :model="brand" :rules="rules" ref="brandForm" label-width="150px">
<!-- 品牌名称输入框 -->
<el-form-item label="品牌名称:" prop="name"> <el-form-item label="品牌名称:" prop="name">
<el-input v-model="brand.name"></el-input> <el-input v-model="brand.name"></el-input>
</el-form-item> </el-form-item>
<!-- 品牌首字母输入框 -->
<el-form-item label="品牌首字母:"> <el-form-item label="品牌首字母:">
<el-input v-model="brand.firstLetter"></el-input> <el-input v-model="brand.firstLetter"></el-input>
</el-form-item> </el-form-item>
<!-- 品牌LOGO上传组件 -->
<el-form-item label="品牌LOGO" prop="logo"> <el-form-item label="品牌LOGO" prop="logo">
<single-upload v-model="brand.logo"></single-upload> <single-upload v-model="brand.logo"></single-upload>
</el-form-item> </el-form-item>
<!-- 品牌专区大图上传组件 -->
<el-form-item label="品牌专区大图:"> <el-form-item label="品牌专区大图:">
<single-upload v-model="brand.bigPic"></single-upload> <single-upload v-model="brand.bigPic"></single-upload>
</el-form-item> </el-form-item>
<!-- 品牌故事文本域 -->
<el-form-item label="品牌故事:"> <el-form-item label="品牌故事:">
<el-input <el-input
placeholder="请输入内容" placeholder="请输入内容"
type="textarea" type="textarea"
v-model="brand.brandStory" v-model="brand.brandStory"
:autosize="true"></el-input> :autosize="true"
></el-input>
</el-form-item> </el-form-item>
<!-- 排序输入框数字类型 -->
<el-form-item label="排序:" prop="sort"> <el-form-item label="排序:" prop="sort">
<el-input v-model.number="brand.sort"></el-input> <el-input v-model.number="brand.sort"></el-input>
</el-form-item> </el-form-item>
<!-- 是否显示单选按钮组 -->
<el-form-item label="是否显示:"> <el-form-item label="是否显示:">
<el-radio-group v-model="brand.showStatus"> <el-radio-group v-model="brand.showStatus">
<el-radio :label="1"></el-radio> <el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio> <el-radio :label="0"></el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 品牌制造商单选按钮组 -->
<el-form-item label="品牌制造商:"> <el-form-item label="品牌制造商:">
<el-radio-group v-model="brand.factoryStatus"> <el-radio-group v-model="brand.factoryStatus">
<el-radio :label="1"></el-radio> <el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio> <el-radio :label="0"></el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 提交和重置按钮 -->
<el-form-item> <el-form-item>
<el-button type="primary" @click="onSubmit('brandFrom')"></el-button> <el-button type="primary" @click="onSubmit('brandForm')"></el-button>
<el-button v-if="!isEdit" @click="resetForm('brandFrom')"></el-button> <el-button v-if="!isEdit" @click="resetForm('brandForm')"></el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-card> </el-card>
</template> </template>
<script> <script>
import {createBrand, getBrand, updateBrand} from '@/api/brand' import { createBrand, getBrand, updateBrand } from "@/api/brand";
import SingleUpload from '@/components/Upload/singleUpload' import SingleUpload from "@/components/Upload/singleUpload";
const defaultBrand={
bigPic: '', export default {
brandStory: '', name: "BrandDetail", //
factoryStatus: 0, components: {
firstLetter: '', SingleUpload, //
logo: '', },
name: '',
showStatus: 0,
sort: 0
};
export default {
name: 'BrandDetail',
components:{SingleUpload},
props: { props: {
//
isEdit: { isEdit: {
type: Boolean, type: Boolean,
default: false default: false,
} },
}, },
data() { data() {
//
const defaultBrand = {
bigPic: "", //
brandStory: "", //
factoryStatus: 0, //
firstLetter: "", //
logo: "", // LOGO
name: "", //
showStatus: 0, //
sort: 0, //
};
return { return {
brand:Object.assign({}, defaultBrand), brand: Object.assign({}, defaultBrand), //
rules: { rules: {
name: [ name: [
{required: true, message: '请输入品牌名称', trigger: 'blur'}, { required: true, message: "请输入品牌名称", trigger: "blur" },
{min: 2, max: 140, message: '长度在 2 到 140 个字符', trigger: 'blur'} { min: 2, max: 140, message: "长度在 2 到 140 个字符", trigger: "blur" },
], ],
logo: [ logo: [{ required: true, message: "请输入品牌logo", trigger: "blur" }],
{required: true, message: '请输入品牌logo', trigger: 'blur'} sort: [{ type: "number", message: "排序必须为数字" }],
], },
sort: [ };
{type: 'number', message: '排序必须为数字'}
],
}
}
}, },
created() { created() {
//
if (this.isEdit) { if (this.isEdit) {
getBrand(this.$route.query.id).then(response => { getBrand(this.$route.query.id).then((response) => {
this.brand = response.data; this.brand = response.data; //
}); });
}else{ } else {
this.brand = Object.assign({},defaultBrand); this.brand = Object.assign({}, this.defaultBrand); //
} }
}, },
methods: { methods: {
//
onSubmit(formName) { onSubmit(formName) {
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
this.$confirm('是否提交数据', '提示', { this.$confirm("是否提交数据", "提示", {
confirmButtonText: '确定', confirmButtonText: "确定",
cancelButtonText: '取消', cancelButtonText: "取消",
type: 'warning' type: "warning",
}).then(() => { }).then(() => {
if (this.isEdit) { if (this.isEdit) {
updateBrand(this.$route.query.id, this.brand).then(response => { //
updateBrand(this.$route.query.id, this.brand).then(() => {
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
this.$message({ this.$message({
message: '修改成功', message: "修改成功",
type: 'success', type: "success",
duration:1000 duration: 1000,
}); });
this.$router.back(); this.$router.back();
}); });
} else { } else {
createBrand(this.brand).then(response => { //
createBrand(this.brand).then(() => {
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
this.brand = Object.assign({},defaultBrand); this.brand = Object.assign({}, this.defaultBrand);
this.$message({ this.$message({
message: '提交成功', message: "提交成功",
type: 'success', type: "success",
duration:1000 duration: 1000,
}); });
}); });
} }
}); });
} else { } else {
this.$message({ this.$message({
message: '验证失败', message: "验证失败",
type: 'error', type: "error",
duration:1000 duration: 1000,
}); });
return false; return false;
} }
}); });
}, },
//
resetForm(formName) { resetForm(formName) {
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
this.brand = Object.assign({},defaultBrand); this.brand = Object.assign({}, this.defaultBrand);
} },
} },
} };
</script> </script>
<style> <style>
/* 添加自定义样式(如需要) */
</style> </style>

Loading…
Cancel
Save