fix: 基础分类vue-treeselect不显示的问题

This commit is contained in:
2024-10-18 13:43:51 +08:00
parent f1309ba76f
commit 791a300d7a
3 changed files with 24 additions and 26 deletions

View File

@@ -4,14 +4,11 @@ import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.annotation.TableField; import com.baomidou.mybatisplus.annotation.TableField;
import com.baomidou.mybatisplus.annotation.TableId; import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableName; import com.baomidou.mybatisplus.annotation.TableName;
import com.fasterxml.jackson.databind.annotation.JsonSerialize;
import com.fasterxml.jackson.databind.ser.std.ToStringSerializer;
import lombok.Data; import lombok.Data;
import lombok.EqualsAndHashCode; import lombok.EqualsAndHashCode;
import java.math.BigDecimal;
/** /**
* 基础分类实体
* @Author: lyd * @Author: lyd
* @Date: 2024/10/15 * @Date: 2024/10/15
*/ */

View File

@@ -11,6 +11,7 @@ import java.io.Serializable;
import java.util.List; import java.util.List;
/** /**
* vue-tree-select所需要的实体
* @Author: lyd * @Author: lyd
* @Description: vue-tree-select所需要的实体 * @Description: vue-tree-select所需要的实体
* @Date: 2023/5/12 * @Date: 2023/5/12

View File

@@ -68,7 +68,7 @@
width="450px" width="450px"
> >
<el-form ref="form" :model="form" :rules="rules" size="mini" label-width="100px"> <el-form ref="form" :model="form" :rules="rules" size="mini" label-width="100px">
<el-form-item label="载具类型" v-if="crud.status.add > 0" prop="storagevehicle_type"> <el-form-item v-if="crud.status.add > 0" label="载具类型" prop="storagevehicle_type">
<treeselect <treeselect
v-model="form.storagevehicle_type" v-model="form.storagevehicle_type"
:load-options="loadChildNodes" :load-options="loadChildNodes"
@@ -78,13 +78,13 @@
/> />
</el-form-item> </el-form-item>
<br> <br>
<el-form-item label="载具数量" v-if="crud.status.add > 0" prop="num"> <el-form-item v-if="crud.status.add > 0" label="载具数量" prop="num">
<el-input-number v-model="form.num" v-if="crud.status.add > 0" :precision="0" style="width: 150px;"/> <el-input-number v-if="crud.status.add > 0" v-model="form.num" :precision="0" style="width: 150px;" />
</el-form-item> </el-form-item>
<el-form-item label="载具重量" v-if="crud.status.edit > 0" prop="qty"> <el-form-item v-if="crud.status.edit > 0" label="载具重量" prop="qty">
<el-input-number v-model="form.qty" :precision="1" style="width: 150px;" /> <el-input-number v-model="form.qty" :precision="1" style="width: 150px;" />
</el-form-item> </el-form-item>
<el-form-item label="绑定物料" v-if="crud.status.edit > 0" prop="pcsn"> <el-form-item v-if="crud.status.edit > 0" label="绑定物料" prop="pcsn">
<el-input v-model="form.pcsn" :precision="0" style="width: 150px;" /> <el-input v-model="form.pcsn" :precision="0" style="width: 150px;" />
</el-form-item> </el-form-item>
<el-form-item label="是否启用"> <el-form-item label="是否启用">
@@ -291,7 +291,7 @@ export default {
parent_class_code: 'vehicle_type' parent_class_code: 'vehicle_type'
} }
crudClassstandard.getClassType(param).then(res => { crudClassstandard.getClassType(param).then(res => {
const data = res.content const data = res
this.buildTree(data) this.buildTree(data)
this.classes1 = data this.classes1 = data
}) })
@@ -307,10 +307,10 @@ export default {
}) })
}, },
// 获取子节点数据 // 获取子节点数据
loadChildNodes({ action, parentNode, callback }) { loadChildNodes({ action, parentNode, callback }) { // 展开显示子级数据,只需要吧父类底下的子级返回去
if (action === LOAD_CHILDREN_OPTIONS) { if (action === LOAD_CHILDREN_OPTIONS) {
crudClassstandard.getClass({ pid: parentNode.id }).then(res => { crudClassstandard.getClass({ pid: parentNode.id }).then(res => {
parentNode.children = res.content.map(function(obj) { parentNode.children = res.map(function(obj) {
if (obj.hasChildren) { if (obj.hasChildren) {
obj.children = null obj.children = null
} }