物料主数据页面优化

src/views/mes/md/product/components/baseInfo.vue

@@ -3,19 +3,6 @@
   <div class="app-container">
     <el-form ref="form" :model="form" :rules="rules" label-width="100px">
       <el-row>
-        <el-col :span="8">
-          <el-form-item label="产品代号" prop="productNo">
-            <el-input v-model="form.productNo" placeholder="请输入产品代号" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="英文名称" prop="productEnglishName">
-            <el-input
-              v-model="form.productEnglishName"
-              placeholder="请输入英文名称"
-            />
-          </el-form-item>
-        </el-col>
         <el-col :span="8">
           <el-form-item label="品牌" prop="brandId">
             <el-input

src/views/mes/md/product/components/look.vue

@@ -49,7 +49,7 @@
           </el-form-item>
         </el-col>
       </el-row>
-      <el-row>
+      <!-- <el-row>
         <el-col :span="8">
           <el-form-item label="圆角" prop="fillet">
            <el-radio-group v-model="form.fillet" >
@@ -83,7 +83,7 @@
             </el-radio-group>
           </el-form-item>
         </el-col>
-      </el-row>
+      </el-row> -->
       <el-row>
         <el-col :span="8">
           <el-form-item label="角度(mm)" prop="angle">
@@ -108,7 +108,7 @@
             <el-input v-model="form.layerNum" type="number" :precision="2" placeholder="请输入层数" />
           </el-form-item>
         </el-col>
-        <el-col :span="8">
+        <!-- <el-col :span="8">
           <el-form-item label="是否防霉" prop="isMould">
             <el-radio-group v-model="form.isMould" >
               <el-radio
@@ -129,17 +129,15 @@
               >{{dict.label}}</el-radio>
             </el-radio-group>
           </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row>
+        </el-col> -->
         <el-col :span="8">
-          <el-form-item label="体系认证" prop="certification">
-            <el-input v-model="form.certification" placeholder="请输入体系认证" />
+          <el-form-item label="系数" prop="coefficient">
+            <el-input v-model="form.coefficient" placeholder="请输入系数" />
           </el-form-item>
         </el-col>
         <el-col :span="8">
-          <el-form-item label="样品形状" prop="shape">
-            <el-select v-model="form.shape" placeholder="请选择样品形状">
+          <el-form-item label="角型" prop="shape">
+            <el-select v-model="form.shape" placeholder="请选择角型">
               <el-option
                 v-for="dict in dict.type.product_shape"
                 :key="dict.value"
@@ -149,36 +147,52 @@
             </el-select>
           </el-form-item>
         </el-col>
-        <el-col :span="8">
-          <el-form-item label="样品形状大小" prop="shapeSize">
-            <el-input v-model="form.shapeSize" type="number" :precision="4" placeholder="请输入样品形状大小" />
-          </el-form-item>
-        </el-col>
       </el-row>
-<!--      <el-row>
+      <el-row>
         <el-col :span="8">
-          <el-form-item label="创建人" prop="createBy">
-            <el-input v-model="form.createBy" />
+          <el-form-item label="正面颜色" prop="frontColorName">
+            <el-input v-model="form.frontColorName" placeholder="请输入正面颜色" />
           </el-form-item>
         </el-col>
         <el-col :span="8">
-          <el-form-item label="创建日期" prop="createTime">
-            <el-input v-model="form.createTime" />
+          <el-form-item label="反面颜色" prop="oppositeColorName">
+            <el-input v-model="form.oppositeColorName"  placeholder="请输入反面颜色" />
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
-        <el-col :span="8">
-          <el-form-item label="修改人" prop="updateBy">
-            <el-input v-model="form.updateBy" />
+        <el-col :md="8" :sm="12">
+          <el-form-item label="产品正面">
+            <ImageUpload
+              :limit="1"
+              :value="form.frontImg"
+              :fileSize="5"
+              @onUploaded="(url) => (this.form.frontImg = url)"
+              @onRemoved="() => (this.form.frontImg = '')"
+            ></ImageUpload>
+          </el-form-item>
+        </el-col>
+        <el-col :md="8" :sm="12">
+          <el-form-item label="产品背面">
+            <ImageUpload
+              :limit="1"
+              :value="form.backImg"
+              :fileSize="5"
+              @onUploaded="(url) => (this.form.backImg = url)"
+              @onRemoved="() => (this.form.backImg = '')"
+            ></ImageUpload>
           </el-form-item>
         </el-col>
+      </el-row>
+      <!-- <el-row>
+       
         <el-col :span="8">
-          <el-form-item label="修改日期" prop="updateTime">
-            <el-input v-model="form.updateTime" />
+          <el-form-item label="样品形状大小" prop="shapeSize">
+            <el-input v-model="form.shapeSize" type="number" :precision="4" placeholder="请输入样品形状大小" />
           </el-form-item>
         </el-col>
-      </el-row>-->
+      </el-row> -->
+
     </el-form>
   </div>
 </template>
@@ -236,7 +250,9 @@ export default {
         createBy: '',
         createTime: '',
         updateBy: '',
-        updateTime: ''
+        updateTime: '',
+        frontColor: [],
+        oppositeColor: [],
       },
       // 表单校验
       rules: {
@@ -296,7 +312,9 @@ export default {
         createBy: null,
         createTime: null,
         updateBy: null,
-        updateTime: null
+        updateTime: null,
+        frontColor: [],
+        oppositeColor: [],
       };
       this.resetForm("form");
     },