style: 优化库位树层级颜色，并升级入库页面的库位选择为树形选择器

inventory-web/src/views/stock/inbound/semi.vue

@@ -346,15 +346,21 @@
                 <el-col :span="6"><el-form-item label="编码/SKU" prop="sku"><el-input v-model="form.sku" placeholder="系统自动生成" disabled/></el-form-item></el-col>
                 <el-col :span="6"><el-form-item label="入库日期" prop="in_date"><el-date-picker v-model="form.in_date" type="date" value-format="YYYY-MM-DD" style="width:100%" disabled/></el-form-item></el-col>
                 <el-col :span="6"><el-form-item label="库位" prop="warehouse_location">
-                  <el-cascader
+                  <el-tree-select
                     v-model="form.warehouse_location"
-                    :options="warehouseOptions"
-                    :props="{ value: 'full_path', label: 'name', children: 'children', checkStrictly: true, emitPath: false }"
+                    :data="warehouseOptions"
+                    :props="{ label: 'full_path', value: 'full_path', children: 'children' }"
                     placeholder="请选择库位"
                     style="width: 100%"
                     clearable
                     filterable
-                  />
+                    check-strictly
+                    :render-after-expand="false"
+                  >
+                    <template #default="{ data }">
+                      <span>{{ data.name }}</span>
+                    </template>
+                  </el-tree-select>
                 </el-form-item></el-col>
               </el-row>