基于ElementUI封装的下拉树选择可搜索单选多选清空功能

效果:

基于ElementUI封装的下拉树选择可搜索单选多选清空功能

组件代码

/*** 树形下拉选择组件,下拉框展示树形结构,提供选择某节点功能,方便其他模块调用* @author wy* @date 2024-01-03  * 调用示例:* <tree-select * :height="400" // 下拉框中树形高度*     :width="200" // 下拉框中树形宽度*     :isFilter="true" //是否出现树结构搜索过滤*     size="small"  // 输入框的尺寸: medium/small/mini*     :data="data" // 树结构的数据*     :defaultProps="defaultProps" // 树结构的props*     multiple   // 多选*     :inputWidth='250'  //输入框的长度 Number*     clearable   // 可清空选择*     collapseTags   // 多选时将选中值按文字的形式展示*     checkStrictly // 多选时,严格遵循父子不互相关联*     :nodeKey="nodeKey"   // 绑定nodeKey,默认绑定'id'*     :checkedKeys="defaultCheckedKeys"  // 传递默认选中的节点key组成的数组*     @popoverHide="popoverHide"> // 事件有两个参数:第一个是所有选中的节点ID,第二个是所有选中的节点数据*  </tree-select>
*/
<template><div><divv-show="isShowSelect"class="mask"@click="isShowSelect = !isShowSelect"/><el-popoverv-model="isShowSelect"placement="bottom-start":width="width"trigger="manual"style="padding: 12px 0"@hide="popoverHide"><el-input v-if="isFilter" placeholder="输入关键字进行过滤" size="mini" v-model="filterText"></el-input><el-treeref="tree"class="common-tree":style="style":data="data":props="defaultProps":show-checkbox="multiple":node-key="nodeKey":check-strictly="checkStrictly"default-expand-all:filter-node-method="filterNode":expand-on-click-node="false":check-on-click-node="multiple":highlight-current="true"@node-click="handleNodeClick"@check-change="handleCheckChange"/><el-selectslot="reference"ref="select"v-model="selectedData":style="selectStyle":size="size":multiple="multiple":clearable="clearable":collapse-tags="collapseTags"class="tree-select"@click.native="isShowSelect = !isShowSelect"@remove-tag="removeSelectedNodes"@clear="removeSelectedNode"@change="changeSelectedNodes"><el-optionv-for="item in options":key="item.value":label="item.label":value="item.value"/></el-select></el-popover></div>
</template><script>
export default {props: {// 树结构数据data: {type: Array,default() {return [];},},defaultProps: {type: Object,default() {return {children: "children",label: "name",};},},// 配置是否可多选multiple: {type: Boolean,default() {return false;},},// 配置是否可清空选择clearable: {type: Boolean,default() {return false;},},// 配置多选时是否将选中值按文字的形式展示collapseTags: {type: Boolean,default() {return false;},},//唯一key值nodeKey: {type: String,default() {return "id";},},// 显示复选框情况下,是否严格遵循父子不互相关联checkStrictly: {type: Boolean,default() {return false;},},// 默认选中的节点key数组checkedKeys: {type: Array,default() {return [];},},// 输入框的尺寸size: {type: String,default() {return "medium";},},// 总体宽度width: {type: Number,default() {return 250;},},// 输入框的宽度inputWidth: {type: Number,default() {return 150;},},// 下拉框的高度height: {type: Number,default() {return 300;},},// 是否具有过滤搜索功能isFilter: {type: Boolean,default() {return true;},},},data() {return {filterText: "", //树搜索isShowSelect: false, // 是否显示树状选择器options: [],selectedData: [], // 选中的节点style: "width:" + this.width + "px;" + "height:" + this.height + "px;",selectStyle: "width:" + this.inputWidth + "px;",checkedIds: [],checkedData: [],};},watch: {filterText(val) {this.$refs.tree.filter(val);},// eslint-disable-next-line no-unused-varsisShowSelect(val) {// 隐藏select自带的下拉框this.$refs.select.blur();},checkedKeys(val) {console.log("checkedKeys", val);if (!val) return;// eslint-disable-next-line vue/no-mutating-propsthis.checkedKeys = val;this.initCheckedData();},},mounted() {this.initCheckedData();},methods: {//过滤函数filterNode(value, data) {if (!value) return true;return data[this.defaultProps.label].indexOf(value) !== -1;},// 单选时点击tree节点,设置select选项setSelectOption(node) {// console.log("~~~~~",node)const tmpMap = {};tmpMap.value = node.key;tmpMap.label = node.label;this.options = [];this.options.push(tmpMap);this.selectedData = node.key;},// 单选,选中传进来的节点checkSelectedNode(checkedKeys) {var item = checkedKeys[0];this.$refs.tree.setCurrentKey(item);var node = this.$refs.tree.getNode(item);// console.log("checkSelectedNode",this.$refs.tree)this.setSelectOption(node);},// 多选,勾选上传进来的节点checkSelectedNodes(checkedKeys) {// this.$refs.tree.setCheckedKeys(checkedKeys)// console.log("checkSelectedNodes-checkedKeys",checkedKeys)// 优化select回显显示 有个延迟的效果const that = this;setTimeout(function () {that.$refs.tree.setCheckedKeys(checkedKeys);}, 10);this.$forceUpdate();// console.log('checkSelectedNodes', this.selectedData)},// 单选,清空选中clearSelectedNode() {this.selectedData = [];this.$refs.tree.setCurrentKey(null);},// 多选,清空所有勾选clearSelectedNodes() {var checkedKeys = this.$refs.tree.getCheckedKeys(); // 所有被选中的节点的 key 所组成的数组数据for (let i = 0; i < checkedKeys.length; i++) {this.$refs.tree.setChecked(checkedKeys[i], false);}},// 在组件初始化时,根据传递的默认选中节点信息,设置树形结构中的节点的选中状态。initCheckedData() {if (this.multiple) {// 多选// console.log(this.checkedKeys.length)if (this.checkedKeys.length > 0) {this.checkSelectedNodes(this.checkedKeys);} else {this.clearSelectedNodes();}} else {// 单选if (this.checkedKeys.length > 0) {this.checkSelectedNode(this.checkedKeys);} else {this.clearSelectedNode();}}},popoverHide() {if (this.multiple) {this.checkedIds = this.$refs.tree.getCheckedKeys(); // 所有被选中的节点的 key 所组成的数组数据this.checkedData = this.$refs.tree.getCheckedNodes(); // 所有被选中的节点所组成的数组数据} else {this.checkedIds = this.$refs.tree.getCurrentKey();this.checkedData = this.$refs.tree.getCurrentNode();}this.$emit("popoverHide", this.checkedIds, this.checkedData);},// 单选,节点被点击时的回调,返回被点击的节点数据handleNodeClick(data, node) {if (!this.multiple) {this.setSelectOption(node);this.isShowSelect = !this.isShowSelect;this.$emit("change", this.selectedData);}},// 多选,节点勾选状态发生变化时的回调handleCheckChange() {var checkedKeys = this.$refs.tree.getCheckedKeys(); // 所有被选中的节点的 key 所组成的数组数据this.options = checkedKeys.map((item) => {var node = this.$refs.tree.getNode(item); // 所有被选中的节点对应的nodeconst tmpMap = {};tmpMap.value = node.key;tmpMap.label = node.label;return tmpMap;});this.selectedData = this.options.map((item) => {return item.value;});this.$emit("change", this.selectedData);},// 多选,删除任一select选项的回调removeSelectedNodes(val) {this.$refs.tree.setChecked(val, false);var node = this.$refs.tree.getNode(val);if (!this.checkStrictly && node.childNodes.length > 0) {this.treeToList(node).map((item) => {if (item.childNodes.length <= 0) {this.$refs.tree.setChecked(item, false);}});this.handleCheckChange();}this.$emit("change", this.selectedData);},treeToList(tree) {var queen = [];var out = [];queen = queen.concat(tree);while (queen.length) {var first = queen.shift();if (first.childNodes) {queen = queen.concat(first.childNodes);}out.push(first);}return out;},// 单选,清空select输入框的回调removeSelectedNode() {this.clearSelectedNode();this.$emit("change", this.selectedData);},// 选中的select选项改变的回调changeSelectedNodes(selectedData) {// 多选,清空select输入框时,清除树勾选if (this.multiple && selectedData.length <= 0) {this.clearSelectedNodes();}this.$emit("change", this.selectedData);},},
};
</script>
<style scoped>
.mask {width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity: 0;z-index: 11;
}.common-tree {overflow: auto;
}.tree-select {z-index: 111;
}
</style>

参数方法说明

属性说明
height下拉框中树形高度 height=“400”
width下拉框中树形宽度 width =“400”
isFilter是否出现树结构搜索过滤 默认为true
size输入框的尺寸: medium/small/mini
data树结构的数据
defaultProps树结构的props,树结构说明
multiple是否多选
inputWidth输入框的长度 Number
clearable是否可清空选择
collapseTags多选时将选中值按文字的形式展示
checkStrictly多选时,严格遵循父子不互相关联
nodeKey绑定nodeKey,默认绑定’id’
checkedKeys传递默认选中的节点key组成的数组
@popoverHide=“popoverHide”事件有两个参数:第一个是所有选中的节点ID,第二个是所有选中的节点数据
@change=“clearKey”当选项改变时触发

组件使用包含模拟数据

<template><div><HSKselectev-model="workName":inputWidth="250":data="treeData"v-show="dialogFormVisible"style="'width: 100%'":checkedKeys="defaultCheckedKeys"@change="clearKey":isFilter="isFilter"clearable:multiple="multiple"@popoverHide="onCateSelect"></HSKselecte></div>
</template>
<script>
// import selectTree from "@/package/hsk-treeSelect/index.vue";
import HSKselecte from "../package/hsk-treeSelect/index.vue";
export default {data() {return {isFilter:true,multiple:true,radio1:'',workName:'',dialogFormVisible: true,selectType: "sigle",defaultCheckedKeys: [],defaultExpandedKeys: [],checkedKeys: [],treeData: [{id: "platform-1651478710725455875",parentId: null,name: "基础信息",identification: null,url: null,sortNo: null,menuType: "0",permissionGroupId: null,checkFlag: null,platformId: null,children: [{id: "1",parentId: "0",name: "生产单位管理",identification: null,url: "/workUnit",sortNo: "1",menuType: "1",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [{id: "6",parentId: "1",name: "生产单位",identification: null,url: "workUnit",sortNo: "1",menuType: "2",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [{id: "pagInfo-1",parentId: "6",name: "车间管理",identification: null,url: null,sortNo: null,menuType: "3",permissionGroupId: null,checkFlag: null,platformId: null,children: [{id: "17",parentId: "pagInfo-1",name: "新增",identification:"basic:productionUnitManagement:productionUnit:addworkshop",url: null,sortNo: "1",menuType: "4",permissionGroupId: "1",checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "18",parentId: "pagInfo-1",name: "修改",identification:"basic:productionUnitManagement:productionUnit:editshop",url: null,sortNo: "2",menuType: "4",permissionGroupId: "1",checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "19",parentId: "pagInfo-1",name: "删除",identification:"basic:productionUnitManagement:productionUnit:deleteshop",url: null,sortNo: "3",menuType: "4",permissionGroupId: "1",checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "20",parentId: "pagInfo-1",name: "设置状态",identification:"basic:productionUnitManagement:productionUnit:editshopstatus",url: null,sortNo: "4",menuType: "4",permissionGroupId: "1",checkFlag: true,platformId: "1651478710725455875",children: [],},],},{id: "pagInfo-2",parentId: "6",name: "工作中心管理",identification: null,url: null,sortNo: null,menuType: "3",permissionGroupId: null,checkFlag: null,platformId: null,children: [{id: "21",parentId: "pagInfo-2",name: "新增",identification:"basic:productionUnitManagement:productionUnit:addworkcenter",url: null,sortNo: "5",menuType: "4",permissionGroupId: "2",checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "22",parentId: "pagInfo-2",name: "修改",identification:"basic:productionUnitManagement:productionUnit:editworkcenter",url: null,sortNo: "6",menuType: "4",permissionGroupId: "2",checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "23",parentId: "pagInfo-2",name: "删除",identification:"basic:productionUnitManagement:productionUnit:deleteworkcenter",url: null,sortNo: "7",menuType: "4",permissionGroupId: "2",checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "24",parentId: "pagInfo-2",name: "设置状态",identification:"basic:productionUnitManagement:productionUnit:editworkcenterstatus",url: null,sortNo: "8",menuType: "4",permissionGroupId: "2",checkFlag: true,platformId: "1651478710725455875",children: [],},],},{id: "pagInfo-3",parentId: "6",name: "产线管理",identification: null,url: null,sortNo: null,menuType: "3",permissionGroupId: null,checkFlag: null,platformId: null,children: [{id: "25",parentId: "pagInfo-3",name: "新增",identification:"basic:productionUnitManagement:productionUnit:addproductionline",url: null,sortNo: "9",menuType: "4",permissionGroupId: "3",checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "26",parentId: "pagInfo-3",name: "修改",identification:"basic:productionUnitManagement:productionUnit:editproductionline",url: null,sortNo: "10",menuType: "4",permissionGroupId: "3",checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "27",parentId: "pagInfo-3",name: "删除",identification:"basic:productionUnitManagement:productionUnit:deleteproductionline",url: null,sortNo: "11",menuType: "4",permissionGroupId: "3",checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "28",parentId: "pagInfo-3",name: "设置状态",identification:"basic:productionUnitManagement:productionUnit:editproductionlinestatus",url: null,sortNo: "12",menuType: "4",permissionGroupId: "3",checkFlag: true,platformId: "1651478710725455875",children: [],},],},{id: "pagInfo-4",parentId: "6",name: "设备管理",identification: null,url: null,sortNo: null,menuType: "3",permissionGroupId: null,checkFlag: null,platformId: null,children: [{id: "29",parentId: "pagInfo-4",name: "绑定",identification:"basic:productionUnitManagement:productionUnit:bindequipment",url: null,sortNo: "13",menuType: "4",permissionGroupId: "4",checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "30",parentId: "pagInfo-4",name: "解绑",identification:"basic:productionUnitManagement:productionUnit:unbindequipment",url: null,sortNo: "14",menuType: "4",permissionGroupId: "4",checkFlag: true,platformId: "1651478710725455875",children: [],},],},],},{id: "7",parentId: "1",name: "设备保养计划",identification: null,url: "maintenancePlan",sortNo: "2",menuType: "2",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [{id: "31",parentId: "7",name: "新增",identification:"basic:productionUnitManagement:maintenancePlan:addPlan",url: null,sortNo: "1",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "32",parentId: "7",name: "修改",identification:"basic:productionUnitManagement:maintenancePlan:editPlan",url: null,sortNo: "2",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "33",parentId: "7",name: "删除",identification:"basic:productionUnitManagement:maintenancePlan:deletePlan",url: null,sortNo: "3",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "39",parentId: "7",name: "导入模板",identification:"basic:productionUnitManagement:maintenancePlan:importPlan",url: null,sortNo: "5",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "97",parentId: "7",name: "查看详情",identification:"basic:productionUnitManagement:maintenancePlan:detailPlan",url: null,sortNo: "6",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},],},{id: "8",parentId: "1",name: "设备管理",identification: null,url: "equipment",sortNo: "3",menuType: "2",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [{id: "34",parentId: "8",name: "新增",identification:"basic:productionUnitManagement:equipmentUnit:addequipment",url: null,sortNo: "1",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "35",parentId: "8",name: "修改",identification:"basic:productionUnitManagement:equipmentUnit:editequipment",url: null,sortNo: "2",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "36",parentId: "8",name: "删除",identification:"basic:productionUnitManagement:equipmentUnit:deleteequipment",url: null,sortNo: "3",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "37",parentId: "8",name: "设置状态",identification:"basic:productionUnitManagement:equipmentUnit:editequipmentstatus",url: null,sortNo: "4",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "41",parentId: "8",name: "导入模板",identification:"basic:productionUnitManagement:equipmentUnit:importtemplate",url: null,sortNo: "6",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},],},],},{id: "2",parentId: "0",name: "用户权限管理",identification: null,url: "/user",sortNo: "2",menuType: "1",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [{id: "9",parentId: "2",name: "用户管理",identification: null,url: "user",sortNo: "1",menuType: "2",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [{id: "pagInfo-5",parentId: "9",name: "部门管理",identification: null,url: null,sortNo: null,menuType: "3",permissionGroupId: null,checkFlag: null,platformId: null,children: [{id: "42",parentId: "pagInfo-5",name: "新增",identification: "basic:userManage:depart:addDept",url: null,sortNo: "1",menuType: "4",permissionGroupId: "5",checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "43",parentId: "pagInfo-5",name: "修改",identification: "basic:userManage:depart:editDept",url: null,sortNo: "2",menuType: "4",permissionGroupId: "5",checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "44",parentId: "pagInfo-5",name: "删除",identification: "basic:userManage:depart:deleteDept",url: null,sortNo: "3",menuType: "4",permissionGroupId: "5",checkFlag: true,platformId: "1651478710725455875",children: [],},],},{id: "pagInfo-6",parentId: "9",name: "用户管理",identification: null,url: null,sortNo: null,menuType: "3",permissionGroupId: null,checkFlag: null,platformId: null,children: [{id: "45",parentId: "pagInfo-6",name: "新增",identification: "basic:userManage:user:adduser",url: null,sortNo: "4",menuType: "4",permissionGroupId: "6",checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "46",parentId: "pagInfo-6",name: "修改",identification: "basic:userManage:user:edituser",url: null,sortNo: "5",menuType: "4",permissionGroupId: "6",checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "47",parentId: "pagInfo-6",name: "删除",identification: "basic:userManage:user:deleteuser",url: null,sortNo: "6",menuType: "4",permissionGroupId: "6",checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "48",parentId: "pagInfo-6",name: "设置状态",identification:"basic:userManage:user:edituserstatus",url: null,sortNo: "7",menuType: "4",permissionGroupId: "6",checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "49",parentId: "pagInfo-6",name: "分配角色",identification: "basic:userManage:user:assignroles",url: null,sortNo: "8",menuType: "4",permissionGroupId: "6",checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "50",parentId: "pagInfo-6",name: "重置密码",identification: "basic:userManage:user:userrepaw",url: null,sortNo: "9",menuType: "4",permissionGroupId: "6",checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "52",parentId: "pagInfo-6",name: "导入模板",identification:"basic:userManage:user:importtemplate",url: null,sortNo: "11",menuType: "4",permissionGroupId: "6",checkFlag: true,platformId: "1651478710725455875",children: [],},],},],},{id: "10",parentId: "2",name: "角色管理",identification: null,url: "role",sortNo: "2",menuType: "2",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [{id: "53",parentId: "10",name: "分配权限",identification: "basic:roleManage:role:assignauthority",url: null,sortNo: "1",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "54",parentId: "10",name: "新增",identification: "basic:roleManage:role:addrole",url: null,sortNo: "2",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "55",parentId: "10",name: "修改",identification: "basic:roleManage:role:editrole",url: null,sortNo: "3",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "56",parentId: "10",name: "删除",identification: "basic:roleManage:role:deleterole",url: null,sortNo: "4",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},],},],},{id: "3",parentId: "0",name: "生产物料管理",identification: null,url: "/material",sortNo: "3",menuType: "1",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [{id: "11",parentId: "3",name: "物料管理",identification: null,url: "material",sortNo: "1",menuType: "2",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [{id: "57",parentId: "11",name: "新增",identification:"basic:materialUnitManagement:materialUnit:addmaterial",url: null,sortNo: "1",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "58",parentId: "11",name: "修改",identification:"basic:materialUnitManagement:materialUnit:editmaterial",url: null,sortNo: "2",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "59",parentId: "11",name: "删除",identification:"basic:materialUnitManagement:materialUnit:deletematerial",url: null,sortNo: "3",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "61",parentId: "11",name: "导入模板",identification:"basic:materialUnitManagement:materialUnit:importmaterial",url: null,sortNo: "5",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "62",parentId: "11",name: "导出",identification:"basic:materialUnitManagement:materialUnit:exportmaterial",url: null,sortNo: "6",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "98",parentId: "11",name: "新增bom",identification:"basic:materialUnitManagement:bomUnit:addbom",url: null,sortNo: "7",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "99",parentId: "11",name: "修改bom",identification:"basic:materialUnitManagement:bomUnit:editbom",url: null,sortNo: "8",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "100",parentId: "11",name: "新增工艺路线",identification:"basic:materialUnitManagement:processrouteUnit:addprocessroute",url: null,sortNo: "9",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "101",parentId: "11",name: "修改工艺路线",identification:"basic:materialUnitManagement:processrouteUnit:editprocessroute",url: null,sortNo: "10",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},],},{id: "12",parentId: "3",name: "BOM管理",identification: null,url: "bom",sortNo: "2",menuType: "2",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [{id: "63",parentId: "12",name: "新增",identification:"basic:materialUnitManagement:bomUnit:addbom",url: null,sortNo: "1",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "64",parentId: "12",name: "修改",identification:"basic:materialUnitManagement:bomUnit:editbom",url: null,sortNo: "2",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "65",parentId: "12",name: "删除",identification:"basic:materialUnitManagement:bomUnit:deletebom",url: null,sortNo: "3",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "67",parentId: "12",name: "导入模板",identification:"basic:materialUnitManagement:bomUnit:importbom",url: null,sortNo: "5",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "68",parentId: "12",name: "设置状态",identification:"basic:materialUnitManagement:bomUnit:editbomstatus",url: null,sortNo: "6",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},],},{id: "13",parentId: "3",name: "工艺路线管理",identification: null,url: "processRoute",sortNo: "3",menuType: "2",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [{id: "69",parentId: "13",name: "新增",identification:"basic:materialUnitManagement:processrouteUnit:addprocessroute",url: null,sortNo: "1",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "70",parentId: "13",name: "修改",identification:"basic:materialUnitManagement:processrouteUnit:editprocessroute",url: null,sortNo: "2",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "71",parentId: "13",name: "删除",identification:"basic:materialUnitManagement:processrouteUnit:deleteprocessroute",url: null,sortNo: "3",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "72",parentId: "13",name: "设置状态",identification:"basic:materialUnitManagement:processrouteUnit:editprocessroutestatus",url: null,sortNo: "4",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "74",parentId: "13",name: "导入模板",identification:"basic:materialUnitManagement:processrouteUnit:importprocessroute",url: null,sortNo: "6",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},],},{id: "14",parentId: "3",name: "工艺管理",identification: null,url: "technology",sortNo: "4",menuType: "2",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [{id: "75",parentId: "14",name: "新增",identification: "basic:technologyManage:technology:add",url: null,sortNo: "1",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "76",parentId: "14",name: "修改",identification: "basic:technologyManage:technology:edit",url: null,sortNo: "2",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "77",parentId: "14",name: "删除",identification:"basic:technologyManage:technology:delete",url: null,sortNo: "3",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "78",parentId: "14",name: "设置状态",identification:"basic:technologyManage:technology:edittechnologystatus",url: null,sortNo: "4",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "80",parentId: "14",name: "导入模板",identification:"basic:technologyManage:technology:importtemplate",url: null,sortNo: "6",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},],},],},{id: "4",parentId: "0",name: "生产日历管理",identification: null,url: "/calendar",sortNo: "4",menuType: "1",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [{id: "15",parentId: "4",name: "工作日历",identification: null,url: "calendar",sortNo: "1",menuType: "2",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [{id: "81",parentId: "15",name: "新增",identification:"basic:calendarUnitManagement:calendarUnit:addcalendar",url: null,sortNo: "1",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "82",parentId: "15",name: "修改",identification:"basic:calendarUnitManagement:calendarUnit:editcalendar",url: null,sortNo: "2",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "83",parentId: "15",name: "删除",identification:"basic:calendarUnitManagement:calendarUnit:deletecalendar",url: null,sortNo: "3",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "84",parentId: "15",name: "配置班次",identification:"basic:calendarUnitManagement:calendarUnit:configclassforcalendar",url: null,sortNo: "4",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},],},{id: "16",parentId: "4",name: "班次管理",identification: null,url: "scheduling",sortNo: "2",menuType: "2",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [{id: "85",parentId: "16",name: "新增",identification:"basic:calendarUnitManagement:scheduleUnit:addschedule",url: null,sortNo: "1",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "86",parentId: "16",name: "修改",identification:"basic:calendarUnitManagement:scheduleUnit:editschedule",url: null,sortNo: "2",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "87",parentId: "16",name: "删除",identification:"basic:calendarUnitManagement:scheduleUnit:deleteschedule",url: null,sortNo: "3",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "88",parentId: "16",name: "设置状态",identification:"basic:calendarUnitManagement:scheduleUnit:editschedulestatus",url: null,sortNo: "4",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},],},],},{id: "5",parentId: "0",name: "系统信息",identification: null,url: "/bmgl",sortNo: "5",menuType: "1",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [{id: "89",parentId: "5",name: "编码管理",identification: null,url: "bmgl",sortNo: "1",menuType: "2",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [{id: "90",parentId: "89",name: "修改",identification: "basic:codeManage:code:edit",url: null,sortNo: "1",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "91",parentId: "89",name: "设置状态",identification: "basic:codeManage:code:editcodestatus",url: null,sortNo: "2",menuType: "4",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},],},{id: "92",parentId: "5",name: "操作日志",identification: null,url: "operateLog",sortNo: "2",menuType: "2",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "93",parentId: "5",name: "信息导入",identification: null,url: "informationImport",sortNo: "3",menuType: "2",permissionGroupId: null,checkFlag: true,platformId: "1651478710725455875",children: [{id: "pagInfo-7",parentId: "93",name: "数据导入",identification: null,url: null,sortNo: null,menuType: "3",permissionGroupId: null,checkFlag: null,platformId: null,children: [{id: "94",parentId: "pagInfo-7",name: "模板下载",identification:"basic:Infoimport:import:downloadtemplate",url: null,sortNo: "1",menuType: "4",permissionGroupId: "7",checkFlag: true,platformId: "1651478710725455875",children: [],},{id: "95",parentId: "pagInfo-7",name: "数据导入",identification:"basic:Infoimport:import:importtemplate",url: null,sortNo: "2",menuType: "4",permissionGroupId: "7",checkFlag: true,platformId: "1651478710725455875",children: [],},],},{id: "pagInfo-8",parentId: "93",name: "导入记录",identification: null,url: null,sortNo: null,menuType: "3",permissionGroupId: null,checkFlag: null,platformId: null,children: [{id: "96",parentId: "pagInfo-8",name: "错误数据下载",identification:"basic:Infoimport:import:downloaderrdata",url: null,sortNo: "3",menuType: "4",permissionGroupId: "8",checkFlag: true,platformId: "1651478710725455875",children: [],},],},],},],},],},],};},components: {// selectTree,HSKselecte,},props: {},watch: {},created() {},mounted() {},methods: {onCateSelect(a,b){console.log("onCateSelect",a,b)},clearKey(a){console.log(a)},//获取勾选数据getdetail(val) {this.defaultKey = [];this.defaultKey.push(val);// this.form.workGroupId = val.workGroupId;},changeTreeItem(res) {console.log(res);},getGroupSequence() {return this.treeData;},},
};
</script>
<style scoped>
.flex1 {flex: 1;
}
</style>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/602773.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【数据结构】二叉树的概念及堆

前言 我们已经学过了顺序表、链表、栈和队列这些属于线性结构的数据结构&#xff0c;那么下面我们就要学习我们第一个非线性结构&#xff0c;非线性结构又有哪些值得我们使用的呢&#xff1f;那么接下来我们就将谈谈树的概念了。 1.树的概念与结构 1.1树的概念 树是一种非线性…

python数据可视化之折线图案例讲解

学习完python基础知识点&#xff0c;终于来到了新的模块——数据可视化。 我理解的数据可视化是对大量的数据进行分析以更直观的形式展现出来。 今天我们用python数据可视化来实现一个2023年三大购物平台销售额比重的折线图。 准备工作&#xff1a;我们需要下载用于生成图表的第…

2024苹果Mac电脑免费文件数据恢复软件EasyRecovery

EasyRecovery是一个操作安全、价格便宜、用户自主操作的非破坏性的只读应用程序&#xff0c;它不会往源驱上写任何东西&#xff0c;也不会对源驱做任何改变&#xff01;EasyRecovery是一个操作安全、价格便宜、用户自主操作的非破坏性的只读应用程序&#xff0c;它不会往源驱上…

Android 15即将到来,或将推出5大新功能特性

Android15 OneUI电池优化 三星最近完成了对其所有设备的稳定版 One UI 6.0 更新的推出&#xff0c;引起了用户的极大兴奋。据新出现的互联网统计数据显示&#xff0c;即将发布的基于 Android 15 的 One UI 7 将通过优化电池和功耗来重新定义用户体验&#xff0c;这是一项具有突…

【开源项目】WPF 扩展组件 -- Com.Gitusme.Net.Extensiones.Wpf

一、项目简介 Com.Gitusme.Net.Extensiones.Wpf 是一款 Wpf 扩展组件。基于.Net Core 3.1 开发&#xff0c;当前最新 1.0.1 版本。包含 核心扩展库&#xff08;Com.Gitusme.Net.Extensiones.Core&#xff09;、视频渲染&#xff08;Com.Gitusme.Media.Video&#xff09;、串口…

基于多反应堆的高并发服务器【C/C++/Reactor】(中)线程池的启动和从线程池中取出一个反应堆实例

一、线程池的启动 &#xff08;主线程&#xff09; // 启动线程池 &#xff08;主线程&#xff09; void threadPoolRun(struct ThreadPool* pool) {/*线程池被创建出来之后&#xff0c;接下来就需要让线程池运行起来&#xff0c;其实就是让线程池里的若干个子线程运行起来*//…

小微企业在银行信贷相关产品和机器学习建模案例_论文科研_企业调研

各银行小微企业贷款业务 互联网的时代&#xff0c;大量新信息技术的涌现和网络的无处不在&#xff0c;想要抢占这片金融天地&#xff0c;必须重视小微金融业务&#xff0c;小微企业是一直具有重大潜力的客户&#xff0c;商业银行、消金公司发展小微信贷业务可以拓宽自身客户群…

系统学英语 — 音标音节 — 能读就能写

目录 文章目录 目录概览12 个单元音8 个双元音28 个辅音音节 概览 12 个单元音 序号发音音标助记字母组合备注1拖长音 前腔[i:]eate、ea、ee、ie2短促音 前腔[i]bige、i、y3拖长音 后腔[a:]aska、ar4短促音 中腔[ʌ]runu、o、ou、oo5拖长音 中腔[ə:]earlyer、ir、or、ur…

LLM漫谈(二)| QAnything支持任意格式文件或数据库的本地知识库问答系统

一、QAnything介绍 QAnything (Question and Answer based on Anything) 是致力于支持任意格式文件或数据库的本地知识库问答系统&#xff0c;可断网安装使用。 您的任何格式的本地文件都可以往里扔&#xff0c;即可获得准确、快速、靠谱的问答体验。 目前已支持格式: PDF&…

基于商品列表的拖拽排序后端实现

目录 一&#xff1a;实现思路 二&#xff1a;实现步骤 二&#xff1a;实现代码 三&#xff1a;注意点 一&#xff1a;实现思路 后台实现拖拽排序通常需要与前端进行配合&#xff0c;对商品的列表拖拽排序&#xff0c;前端需要告诉后端拖拽的元素和拖动的位置。 这里我们假…

MySQL第四战:视图以及常见面试题(上)

目录 目录&#xff1a; 一.视图 1.介绍什么是视图 2.视图的语法 语法讲解 实例操作 二.MySQL面试题 1.SQL脚本 2.面试题实战 三.思维导图 目录&#xff1a; 随着数字化时代的飞速发展&#xff0c;数据库技术&#xff0c;特别是MySQL&#xff0c;已经成为IT领域中不可…

Java-网络爬虫(二)

文章目录 前言一、WebMagic二、使用步骤1. 搭建 Maven 项目2. 引入依赖 三、入门案例四、核心对象&组件1. 核心对象SipderRequestSitePageResultItemsHtml&#xff08;Selectable&#xff09; 2. 四大组件DownloaderPageProcessorSchedulerPipeline 上篇&#xff1a;Java-网…

使用Enterprise Architect绘制架构图

如何使用Enterprise Architect绘制架构图 之前没有使用过Enterprise Architect软件绘制&#xff0c;目前由于工作需求&#xff0c;需要使用Enterprise Architect绘制一些架构图&#xff0c;现在只使用Enterprise Architect绘制过简单的Flow Chart&#xff0c;想请教一下大神们…

文章解读与仿真程序复现思路——中国电机工程学报EI\CSCD\北大核心《考虑系统调峰需求与光热电站收益平衡的储热容量优化配置》

本专栏栏目提供文章与程序复现思路&#xff0c;具体已有的论文与论文源程序可翻阅本博主的专栏栏目《论文与完整程序》 这个标题表明研究的主题涉及到光热电站系统中的储热容量优化配置&#xff0c;而优化的目标是在系统中实现调峰需求并平衡光热电站的收益。让我们逐步解读这…

学习使用layPage, 多功能JS分页组件/插件的方法

学习使用layPage, 多功能JS分页组件/插件的方法 效果图分页代码 效果图 点击查看链接 分页代码 <!DOCTYPE html> <html> <head><meta charset"utf-8"><title>Layui</title><meta name"renderer" content"we…

数字系统课程设计与VHDL报告

获“优”&#xff0c;含实验结果视频、代码、报告&#xff0c;99.99%原创&#xff0c;配置环境太复杂不包跑通&#xff0c;要的私信。

软件测试|深入学习 Docker Logs

简介 Docker 是一种流行的容器化技术&#xff0c;它能够帮助用户将应用程序及其依赖项打包成一个可移植的容器。Docker logs 是 Docker 提供的用于管理容器日志的命令&#xff0c;本文将深入学习 Docker logs 的使用和管理&#xff0c;帮助用户更好地监测和解决容器问题。 Do…

QT c++和qml交互实例

文章目录 一、demo效果图二、c和qml交互的基本方式1、qml访问C类对象 三、关键代码1、工程结构图2、c代码MainWindow.cppMainQuickView.cppStudentInfoView.cppStudentInfoModel.cpp 3、qml代码main.qmlMainQuickTopRect.qmlMainQuickMiddleRect.qmlMainQuickMiddleTableRect.q…

蓝桥杯基础知识2 全排列 next_permutation(), prev_permutation()

蓝桥杯基础知识2 全排列 next_permutation()&#xff0c; prev_permutation() #include<bits/stdc.h> using namespace std;int a[10];int main(){for(int i 1; i < 4; i)a[i] i; //4*3*2*1 24bool tag true;while(tag){for(int i1; i < 4; i)cout << a[…

蓝桥杯练习题(一)

&#x1f4d1;前言 本文主要是【算法】——蓝桥杯练习题&#xff08;一&#xff09;的文章&#xff0c;如果有什么需要改进的地方还请大佬指出⛺️ &#x1f3ac;作者简介&#xff1a;大家好&#xff0c;我是听风与他&#x1f947; ☁️博客首页&#xff1a;CSDN主页听风与他 …