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: '', props: {
showStatus: 0, //
sort: 0 isEdit: {
}; type: Boolean,
export default { default: false,
name: 'BrandDetail',
components:{SingleUpload},
props: {
isEdit: {
type: Boolean,
default: false
}
},
data() {
return {
brand:Object.assign({}, defaultBrand),
rules: {
name: [
{required: true, message: '请输入品牌名称', trigger: 'blur'},
{min: 2, max: 140, message: '长度在 2 到 140 个字符', trigger: 'blur'}
],
logo: [
{required: true, message: '请输入品牌logo', trigger: 'blur'}
],
sort: [
{type: 'number', message: '排序必须为数字'}
],
}
}
},
created() {
if (this.isEdit) {
getBrand(this.$route.query.id).then(response => {
this.brand = response.data;
});
}else{
this.brand = Object.assign({},defaultBrand);
}
}, },
methods: { },
onSubmit(formName) { data() {
this.$refs[formName].validate((valid) => { //
if (valid) { const defaultBrand = {
this.$confirm('是否提交数据', '提示', { bigPic: "", //
confirmButtonText: '确定', brandStory: "", //
cancelButtonText: '取消', factoryStatus: 0, //
type: 'warning' firstLetter: "", //
}).then(() => { logo: "", // LOGO
if (this.isEdit) { name: "", //
updateBrand(this.$route.query.id, this.brand).then(response => { showStatus: 0, //
this.$refs[formName].resetFields(); sort: 0, //
this.$message({ };
message: '修改成功',
type: 'success',
duration:1000
});
this.$router.back();
});
} else {
createBrand(this.brand).then(response => {
this.$refs[formName].resetFields();
this.brand = Object.assign({},defaultBrand);
this.$message({
message: '提交成功',
type: 'success',
duration:1000
});
});
}
});
} else { return {
this.$message({ brand: Object.assign({}, defaultBrand), //
message: '验证失败', rules: {
type: 'error', name: [
duration:1000 { required: true, message: "请输入品牌名称", trigger: "blur" },
}); { min: 2, max: 140, message: "长度在 2 到 140 个字符", trigger: "blur" },
return false; ],
} logo: [{ required: true, message: "请输入品牌logo", trigger: "blur" }],
}); sort: [{ type: "number", message: "排序必须为数字" }],
}, },
resetForm(formName) { };
this.$refs[formName].resetFields(); },
this.brand = Object.assign({},defaultBrand); created() {
} //
if (this.isEdit) {
getBrand(this.$route.query.id).then((response) => {
this.brand = response.data; //
});
} else {
this.brand = Object.assign({}, this.defaultBrand); //
} }
} },
methods: {
//
onSubmit(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
this.$confirm("是否提交数据", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}).then(() => {
if (this.isEdit) {
//
updateBrand(this.$route.query.id, this.brand).then(() => {
this.$refs[formName].resetFields();
this.$message({
message: "修改成功",
type: "success",
duration: 1000,
});
this.$router.back();
});
} else {
//
createBrand(this.brand).then(() => {
this.$refs[formName].resetFields();
this.brand = Object.assign({}, this.defaultBrand);
this.$message({
message: "提交成功",
type: "success",
duration: 1000,
});
});
}
});
} else {
this.$message({
message: "验证失败",
type: "error",
duration: 1000,
});
return false;
}
});
},
//
resetForm(formName) {
this.$refs[formName].resetFields();
this.brand = Object.assign({}, this.defaultBrand);
},
},
};
</script> </script>
<style> <style>
/* 添加自定义样式(如需要) */
</style> </style>

Loading…
Cancel
Save