产品颜色视图调整

src/api/mes/md/saleUnit.js

+import request from '@/utils/request'
+
+// 查询销售单位转换列表
+export function listUnit(query) {
+  return request({
+    url: '/md/unit/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询销售单位转换详细
+export function getUnit(itemId) {
+  return request({
+    url: '/md/unit/' + itemId,
+    method: 'get'
+  })
+}
+
+// 新增销售单位转换
+export function addUnit(data) {
+  return request({
+    url: '/md/unit',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改销售单位转换
+export function updateUnit(data) {
+  return request({
+    url: '/md/unit',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除销售单位转换
+export function delUnit(itemId) {
+  return request({
+    url: '/md/unit/' + itemId,
+    method: 'delete'
+  })
+}

src/components/colorSelect/index.vue

@@ -35,9 +35,12 @@
         </el-form>
         <el-table v-loading="loading" :data="colorList" @selection-change="handleSelectionChange">
           <el-table-column type="selection" width="50" align="center" />
-          <el-table-column label="颜色编码" width = "120" align="center" key="colorCode" prop="colorCode" v-if="columns[0].visible" >
+          <el-table-column label="颜色编码" width = "200" align="center" key="colorCode" prop="colorCode" v-if="columns[0].visible" >
+            <template slot-scope="scope">
+              <el-color-picker :value="scope.row.colorCode"></el-color-picker>
+            </template>
           </el-table-column>
-          <el-table-column label="颜色名称" min-width="120" align="left" key="colorName" prop="colorName" v-if="columns[1].visible" :show-overflow-tooltip="true" />
+          <el-table-column label="颜色名称" align="left" key="colorName" prop="colorName" v-if="columns[1].visible" :show-overflow-tooltip="true" />
         </el-table>
 
         <pagination

src/views/mes/md/color/index.vue

@@ -72,7 +72,11 @@
     <el-table v-loading="loading" :data="colorList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="颜色主键id" align="center" prop="colorId" />
-      <el-table-column label="颜色编码" align="center" prop="colorCode" />
+      <el-table-column label="颜色编码" align="center" prop="colorCode" >
+        <template slot-scope="scope">
+          <el-color-picker :value="scope.row.colorCode"></el-color-picker>
+        </template>
+      </el-table-column>
       <el-table-column label="颜色名称" align="center" prop="colorName" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
@@ -106,7 +110,8 @@
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="颜色编码" prop="colorCode">
-          <el-input v-model="form.colorCode" placeholder="请输入颜色编码" />
+<!--          <el-input v-model="form.colorCode" placeholder="请输入颜色编码" />-->
+          <el-color-picker v-model="form.colorCode"></el-color-picker>
         </el-form-item>
         <el-form-item label="颜色名称" prop="colorName">
           <el-input v-model="form.colorName" placeholder="请输入颜色名称" />

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

@@ -30,7 +30,12 @@
     <el-table v-loading="loading" :data="faceColorList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="排序号" align="center" prop="sortOrder" />
-      <el-table-column label="颜色" align="center" prop="colorName" />
+      <el-table-column label="颜色编码" align="center" prop="colorCode">
+        <template slot-scope="scope">
+          <el-color-picker :value="scope.row.colorCode"></el-color-picker>
+        </template>
+      </el-table-column>
+      <el-table-column label="颜色名称" align="center" prop="colorName" />
       <el-table-column label="覆盖率(单位%)" align="center" prop="coverageRate" :show-overflow-tooltip="true" />
 <!--      <el-table-column label="创建人" align="center" prop="createBy" />
       <el-table-column label="创建时间" align="center" prop="createTime" />
@@ -70,7 +75,10 @@
         <el-form-item label="排序号" prop="sortOrder">
           <el-input v-model="form.sortOrder" type="number"  placeholder="请输入排序号" />
         </el-form-item>
-        <el-form-item label="颜色" prop="colorName">
+        <el-form-item label="颜色编码" prop="colorCode">
+          <el-input v-model="form.colorCode" readonly placeholder="请输入颜色" />
+        </el-form-item>
+        <el-form-item label="颜色名称" prop="colorName">
           <el-input v-model="form.colorName" readonly placeholder="请输入颜色" />
         </el-form-item>
         <el-form-item label="覆盖率(单位%)" prop="coverageRate">
@@ -122,6 +130,7 @@ export default {
         colorId: null,
         mdFaceColorId: null,
         colorName: null,
+        colorCode: null,
         face: 'back',
         coverageRate: null,
         sortOrder: null,
@@ -165,6 +174,7 @@ export default {
         colorId: null,
         mdFaceColorId: null,
         colorName: null,
+        colorCode: null,
         coverageRate: null,
         sortOrder: null,
         face: "back",
@@ -236,6 +246,7 @@ export default {
           //this.form.itemId = element.itemId;
           this.form.colorId = element.colorId;
           this.form.colorName = element.colorName;
+          this.form.colorCode = element.colorCode;
           this.form.face = 'back';
           var retFlag = false;
           addFaceColor(this.form).then(response => {

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

@@ -30,7 +30,12 @@
     <el-table v-loading="loading" :data="faceColorList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="排序号" align="center" prop="sortOrder" />
-      <el-table-column label="颜色" align="center" prop="colorName" />
+      <el-table-column label="颜色编码" align="center" prop="colorCode">
+        <template slot-scope="scope">
+          <el-color-picker :value="scope.row.colorCode"></el-color-picker>
+        </template>
+      </el-table-column>
+      <el-table-column label="颜色名称" align="center" prop="colorName" />
       <el-table-column label="覆盖率(单位%)" align="center" prop="coverageRate" :show-overflow-tooltip="true" />
 <!--      <el-table-column label="创建人" align="center" prop="createBy" />
       <el-table-column label="创建时间" align="center" prop="createTime" />
@@ -70,7 +75,10 @@
         <el-form-item label="排序号" prop="sortOrder">
           <el-input v-model="form.sortOrder" type="number" placeholder="请输入排序号" />
         </el-form-item>
-        <el-form-item label="颜色" prop="colorName">
+        <el-form-item label="颜色编码" prop="colorCode">
+          <el-input v-model="form.colorCode" readonly placeholder="请输入颜色" />
+        </el-form-item>
+        <el-form-item label="颜色名称" prop="colorName">
           <el-input v-model="form.colorName" readonly placeholder="请输入颜色" />
         </el-form-item>
         <el-form-item label="覆盖率(单位%)" prop="coverageRate">
@@ -122,6 +130,7 @@ export default {
         colorId: null,
         mdFaceColorId: null,
         colorName: null,
+        colorCode: null,
         face: 'front',
         coverageRate: null,
         sortOrder: null,
@@ -165,6 +174,7 @@ export default {
         colorId: null,
         mdFaceColorId: null,
         colorName: null,
+        colorCode: null,
         coverageRate: null,
         sortOrder: null,
         face: "front",
@@ -236,6 +246,7 @@ export default {
           //this.form.itemId = element.itemId;
           this.form.colorId = element.colorId;
           this.form.colorName = element.colorName;
+          this.form.colorCode = element.colorCode;
           this.form.face = 'front';
           var retFlag = false;
           addFaceColor(this.form).then(response => {

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

-<!--采购信息-->

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

+<!--采购信息-->
+<template>
+  <div class="app-container">
+    <!-- 添加或修改销售单位转换对话框 -->
+    <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="销售单位" label-width="100px" prop="saleUnit">
+            <el-input v-model="form.saleUnit" placeholder="请输入销售单位" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="销售换算值" label-width="100px" prop="saleConversionValue">
+            <el-input v-model="form.saleConversionValue" type="number" :precision="2" placeholder="请输入销售换算值" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { getUnit } from "@/api/mes/md/saleUnit";
+
+export default {
+  name: "Unit",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 销售单位转换表格数据
+      unitList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        itemId: this.itemId,
+        saleUnit: null,
+        saleConversionValue: null
+      },
+      // 表单参数
+      form: {
+        itemId: '',
+        saleUnit: '',
+        saleConversionValue: ''
+      },
+      // 表单校验
+      rules: {
+        itemId: [
+          { required: true, message: "产品ID不能为空", trigger: "blur" }
+        ],      }
+    };
+  },
+  props: {
+    optType: undefined,
+    itemId: {
+      type: Number | undefined,
+      default: undefined,
+    },
+  },
+  created() {
+    this.getSaleUnit();
+  },
+  methods: {
+    //获取基本信息表单数据
+    async getSaleUnitFormData() {
+      await this.submitForm();
+      return this.form;
+    },
+
+    getSaleUnit() {
+      getUnit(this.itemId).then((res) => {
+        Object.assign(this.form, res.data);
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        itemId: this.itemId,
+        saleUnit: null,
+        saleConversionValue: null
+      };
+      this.resetForm("form");
+    },
+    /** 提交按钮 */
+    async submitForm() {
+      return await this.$refs["form"].validate();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+  }
+};
+</script>

src/views/mes/md/product/index.vue

@@ -507,7 +507,7 @@
           </el-col>
         </el-row>
       </el-form>
-      <el-tabs type="border-card" v-if="form.itemId != null">
+      <el-tabs type="border-card" v-if="form.itemId != null && form.itemOrProduct == 'PRODUCT'">
         <el-tab-pane label="基本信息">
           <BaseInfo
             ref="baseInfo"
@@ -518,8 +518,8 @@
         <el-tab-pane label="产品特性">
           <SpecProperty :optType="optType" :itemId="form.itemId"></SpecProperty>
         </el-tab-pane>
-        <el-tab-pane label="采购信息">
-          <Purchase :optType="optType" :itemId="form.itemId"></Purchase>
+        <el-tab-pane label="销售单位转换">
+          <SaleUnit ref="saleUnit" :optType="optType" :itemId="form.itemId"></SaleUnit>
         </el-tab-pane>
         <el-tab-pane label="工厂信息">
           <Factory :optType="optType" :itemId="form.itemId"></Factory>
@@ -618,7 +618,7 @@ import {
 
 import BaseInfo from "./components/baseInfo.vue";
 import SpecProperty from "./components/specProperty.vue";
-import Purchase from "./components/purchase.vue";
+import SaleUnit from "./components/saleUnit.vue";
 import Factory from "./components/factory.vue";
 import Customer from "./components/customer.vue";
 import Look from "./components/look.vue";
@@ -642,7 +642,7 @@ export default {
     Treeselect,
     BaseInfo,
     SpecProperty,
-    Purchase,
+    SaleUnit,
     Factory,
     Customer,
     Look,
@@ -879,15 +879,19 @@ export default {
             lookData.itemId = this.form.itemId;
 
             //产品参数配置保存  publishedConf
-            const publishedConfData = await this.$refs[
-              "publishedConf"
-            ].getPublishedConfData();
+            const publishedConfData = await this.$refs["publishedConf"].getPublishedConfData();
             publishedConfData.itemId = this.form.itemId;
+
+            //销售单位转换保存
+            const saleUnit = await this.$refs["saleUnit"].getSaleUnitFormData();
+            saleUnit.itemId = this.form.itemId;
+
             const params = {
               ...this.form,
               baseInfo: baseInfoData,
               look: lookData,
               publishedConf: publishedConfData,
+              saleUnit: saleUnit
             };
             updateMdItem(params).then((response) => {
               this.$modal.msgSuccess("修改成功");