wangzhuo

build/build.js

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

build/utils.js

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

src/views/pms/brand/components/BrandDetail.vue

@@ -1,145 +1,172 @@
-<template> 
+<template>
+  <!-- 页面卡片容器 -->
   <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-input v-model="brand.name"></el-input>
       </el-form-item>
+
+      <!-- 品牌首字母输入框 -->
       <el-form-item label="品牌首字母：">
         <el-input v-model="brand.firstLetter"></el-input>
       </el-form-item>
+
+      <!-- 品牌LOGO上传组件 -->
       <el-form-item label="品牌LOGO：" prop="logo">
         <single-upload v-model="brand.logo"></single-upload>
       </el-form-item>
+
+      <!-- 品牌专区大图上传组件 -->
       <el-form-item label="品牌专区大图：">
         <single-upload v-model="brand.bigPic"></single-upload>
       </el-form-item>
+
+      <!-- 品牌故事文本域 -->
       <el-form-item label="品牌故事：">
         <el-input
           placeholder="请输入内容"
           type="textarea"
           v-model="brand.brandStory"
-          :autosize="true"></el-input>
+          :autosize="true"
+        ></el-input>
       </el-form-item>
+
+      <!-- 排序输入框（数字类型） -->
       <el-form-item label="排序：" prop="sort">
         <el-input v-model.number="brand.sort"></el-input>
       </el-form-item>
+
+      <!-- 是否显示单选按钮组 -->
       <el-form-item label="是否显示：">
         <el-radio-group v-model="brand.showStatus">
           <el-radio :label="1">是</el-radio>
           <el-radio :label="0">否</el-radio>
         </el-radio-group>
       </el-form-item>
+
+      <!-- 品牌制造商单选按钮组 -->
       <el-form-item label="品牌制造商：">
         <el-radio-group v-model="brand.factoryStatus">
           <el-radio :label="1">是</el-radio>
           <el-radio :label="0">否</el-radio>
         </el-radio-group>
       </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>
   </el-card>
 </template>
+
 <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>
+
 <style>
+/* 添加自定义样式（如需要） */
 </style>
-
-