食物规格的名称 拆分为包装名称和包装单位

src/views/foodModifier/components/ModifierDetail.vue

@@ -17,9 +17,17 @@
     <el-form ref="postForm" :model="postForm" :rules="rules" label-position="right" label-width="130px" class="form-container">
       <div class="createPost-main-container">
         <el-checkbox @change="checkboxChange" :disabled="isEdit" v-model="isDefaultModifier" style="margin: 0 0 10px 100px">默认规格</el-checkbox>
-        <el-form-item label="规格名称：" style="margin-bottom: 40px;width: 60%" prop="name">
+        <el-form-item label="包装名称：" style="margin-bottom: 40px;width: 60%" prop="name">
           <el-input :disabled="isDefaultModifier" v-model="postForm.name" placeholder="请输入名称" @blur="updateUnit" />
         </el-form-item>
+        <el-form-item label="包装单位：" style="margin-bottom: 40px;width: 60%" prop="packageUnit">
+          <el-autocomplete
+            style="width: 100%"
+            v-model="postForm.packageUnit"
+            :fetch-suggestions="queryUnits"
+            placeholder="单位关键词"
+          />
+        </el-form-item>
         <el-row style="width: 60%">
           <el-col :span="12">
             <el-form-item v-show="!isDefaultModifier" label="数值：" style="margin-bottom: 40px" prop="quantity">
@@ -193,6 +201,9 @@ export default {
       if (!this.postForm.inInitUnit && unitName) {
         this.$set(this.postForm, 'inInitUnit', unitName)
       }
+      if (!this.isEdit && !this.postForm.packageUnit && unitName) {
+        this.$set(this.postForm, 'packageUnit', unitName)
+      }
     },
     checkboxChange(value) {
       const name = value ? this.defaultModifierName : ''

src/views/foodModifier/index.vue

@@ -45,7 +45,7 @@
       @row-click="showDialog"
     >
       <el-table-column type="index" label="序号" align="center" fixed width="60px" />
-      <el-table-column label="规格名称" fixed align="center">
+      <el-table-column label="包装名称" fixed align="center">
         <template slot-scope="{row}">
           <span>{{ row.name }}</span>
         </template>
@@ -60,6 +60,11 @@
           />
         </template>
       </el-table-column>
+      <el-table-column label="包装单位" align="center">
+        <template slot-scope="{row}">
+          <span>{{ row.packageUnit }}</span>
+        </template>
+      </el-table-column>
       <el-table-column label="转换关系" align="center">
         <template slot-scope="{row}">
           <span v-if="row.quantity">{{ row.quantity + row.unit }}</span>