点位界面调整

src/views/base-data/point/index.vue

@@ -123,23 +123,6 @@
             <el-input v-model="form.name" style="width: 370px;"/>
           </el-form-item>
 
-          <el-form-item label="高度">
-            <el-select
-              v-model="form.itemHeight"
-              clearable
-              size="small"
-              placeholder="高度"
-              class="filter-item"
-              style="width: 370px"
-            >
-              <el-option
-                v-for="item in dict.item_height"
-                :key="item.id"
-                :label="item.label"
-                :value="item.value"
-              />
-            </el-select>
-          </el-form-item>
 
           <el-form-item label="类型" prop="type">
             <el-select v-model="form.type" filterable placeholder="请选择" style="width: 370px;"
@@ -154,7 +137,9 @@
           </el-form-item>
 
           <el-form-item label="库区" prop="area">
-            <el-select v-model="form.area" value-key="id" filterable placeholder="请选择" style="width: 370px;">
+            <el-select v-model="form.area"
+                       value-key="id"  filterable
+                       placeholder="请选择" style="width: 370px;">
               <el-option
                 v-for="item in areas"
                 :key="item.id"
@@ -164,6 +149,24 @@
             </el-select>
           </el-form-item>
 
+          <el-form-item label="高度" v-if="showItemHeight">
+            <el-select
+              v-model="form.itemHeight"
+              clearable
+              size="small"
+              placeholder="高度"
+              class="filter-item"
+              style="width: 370px"
+            >
+              <el-option
+                v-for="item in dict.item_height"
+                :key="item.id"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+
           <el-form-item label="状态">
             <el-select
               v-model="form.status"
@@ -347,6 +350,12 @@ export default {
       //表单数据
     }
   },
+  computed: {
+    showItemHeight() {
+      // 通过库区控制高度显示隐藏
+      return this.form.area && this.form.area.name === '小件存储区';
+    }
+  },
   mounted() {
     this.getArea()
     //获取点位表的数据
@@ -452,7 +461,6 @@ export default {
     MultiAdjust() {
       this.$refs.multiAdjust.dialog = true;
     }
-
   }
 }
 </script>