uniapp 常用的地区行业各种多选多选,支持回显,复制粘贴可使用

uniapp 常用的地区行业各种多选多选,支持回显

在这里插入图片描述

必须导入uni-popup 弹出层 该组件

1.目前项目开发中使用到这类似挺多的,记录一下,方便以后是使用
2.使用前提,目前不做无限级,只支持二维数组,模板里只循环了两层,如果有特殊需求,请自行修改
3.数据子级目前是使用的children字段,显示名字使用的name,如多你的后端返回的数据格式字段不一样,请自己先递归处理一下,这两个对应上,
4.大概处理如下,

	addCheckAttr(arr) {return arr.map(item => {item.checked = falseitem.label = item.name   // 这里将你后端返回的名字赋值成你想要的字段if (item.children && Array.isArray(item.children)) {item.children = this.addCheckAttr(item.children)}return item})},

5.废话不多说直接粘贴复制使用

具体使用如下(有更加写法请自行修改)


1.新建组件 tree.vue
2.注意事项 ,如果数据回显,单选的情况下父组件你就不要传多个值进去

<template><view class="content"><uni-popup ref="popup" type="bottom" background-color="#fff"><view class='head'><view class='leftbnt' @click='handReset'><button>重置</button></view><view class='rightbnt' @click='determine'><button :style="{'color':confirmColor}">确认</button></view></view><view class='mianbox' :style="{ 'height': defH + 'px'}"><view v-for="(item,index) in list" :key='index'><view class='treeTit'><view style='margin-left:10px;'> {{item.name}}</view></view><view v-for="(it,i) in item.children " :key='i':style="{background: it.checked ? itemColor : '',color: it.checked ? itemtxtColor : ''}":class="[it.checked ? 'addClass':'subli']" @tap="handItem(index,i)">{{it.name}}</view></view></view></uni-popup></view>
</template>
<script>export default {props: {// 窗口默认高度 暂未完善百分比defH: {type: Number,default: 550},dataTree: { // 父组件传递下来的数据type: Array},defchech: { // 默认选中type: Array},confirmColor: { // 确认按钮的颜色type: String,default: '#54b0ab'},itemColor: { // 选中的子级item 背景色type: String,default: '#e4f6f8'},itemtxtColor: { // 选中的子级item 背景色type: String,default: '#54b0ab'},// 是否支持多选isMultiple: {type: Boolean,default: true},isnumber: { // 最多可选数量type: Number,default: 5},},data() {return {newData: [],list: []}},methods: {handItem(index, i) {if (this.isMultiple) {this.clickItem(index, i)} else {this.list = this.addCheckAttr(this.list)this.clickItem(index, i)}},clickItem(index, i) {this.list[index].children[i].checked = !this.list[index].children[i].checkedthis.someArr()},addCheckAttr(arr) {return arr.map(item => {item.checked = falseitem.label = item.nameif (item.children && Array.isArray(item.children)) {item.children = this.addCheckAttr(item.children)}return item})},open() {this.list = this.dataTreethis.$refs.popup.open('bottom')this.list = this.checkedTreeData(this.list)this.someArr()},someArr() {this.newData = this.findCheckedElements(this.list)},// 遍历选出相选中的数据findCheckedElements(arr) {let result = []function traverse(item) {if (item.checked) {result.push(item)}if (item.children) {for (let child of item.children) {traverse(child)}}}for (let item of arr) {traverse(item)}return result},// 回显数据checkedTreeData(arr) {return arr.map(item => {if (this.defchech.indexOf(item.id) !== -1) {item.checked = true} else {item.checked = false}if (item.children && Array.isArray(item.children)) {item.children = this.checkedTreeData(item.children)}return item})},close() {this.$refs.popup.close()},// 重置handReset() {this.list = this.addCheckAttr(this.dataTree)this.someArr()},// 确认determine() {if(this.newData.length > this.isnumber){uni.showToast({title: `最多选择${this.isnumber}个`})return}this.$emit("onChange", this.newData)}}}
</script><style scoped>.treeTit {width: 100%;height: 45px;font-size: 16px;font-weight: bold;position: sticky;top: -1px;left: 0px;line-height: 45px;background: #fff;}.subli {display: inline-block;margin: 4px;padding: 5px 10px;background: #f6f6f6;border: 1px solid #fff;border-radius: 10rpx;}.addClass {display: inline-block;margin: 4px;padding: 5px 10px;border: 1px solid #4bb4a5;background: #f6f6f6;border-radius: 10rpx;}.mianbox {width: 100%;height: 300px;background: #fff;overflow: scroll;}.head {width: 100%;height: 45px;display: flex;align-items: center;}.leftbnt {flex: 1;text-align: center;border: 1px solid #f4f4f4;}.rightbnt {flex: 1;text-align: center;border: 1px solid #f4f4f4;font-weight: bold;}
</style>

2.使用,在你的页面中引入组件注册

import TreeList from "./tree.vue"  // 根据自己的实际目录

3.例如带index页面使用,

<template><view><TreeList ref='child' :dataTree='dataTree' :defchech='defChecked' :isMultiple='true' :defH="600"itemColor='#e4f6f8' @onChange='onChange' /><view v-for='(item,index) in list'>{{item.name}}</view></view>
</template>
<script>import TreeList from "../../components/tree.vue"export default {components: {TreeList},data() {return {list: [],// 这里需要注意 后端返回的id 的类型 字符串还是数子  要传对用类型单选你就不要乱传多个值进去defChecked: [17],dataTree: [{"id": 15,"name": "互联网/IT/电子/通信","level": 0,"parentId": 0,"sort": 2,"status": "00","isDisabled": true,"children": [{"id": 16,"name": "电子商务","level": 1,"parentId": 15,"sort": 1,"status": "00","isDisabled": false,"children": []},{"id": 17,"name": "企业服务","level": 1,"parentId": 15,"sort": 2,"status": "00","isDisabled": false,"children": []},{"id": 18,"name": "物联网","level": 1,"parentId": 15,"sort": 3,"status": "00","isDisabled": false,"children": []},{"id": 19,"name": "新媒体","level": 1,"parentId": 15,"sort": 4,"status": "00","isDisabled": false,"children": []},{"id": 20,"name": "人工智能","level": 1,"parentId": 15,"sort": 5,"status": "00","isDisabled": false,"children": []},{"id": 21,"name": "智能硬件","level": 1,"parentId": 15,"sort": 6,"status": "00","isDisabled": false,"children": []},{"id": 22,"name": "在线教育","level": 1,"parentId": 15,"sort": 7,"status": "00","isDisabled": false,"children": []},{"id": 23,"name": "在线医疗","level": 1,"parentId": 15,"sort": 8,"status": "00","isDisabled": false,"children": []},{"id": 24,"name": "新零售","level": 1,"parentId": 15,"sort": 9,"status": "00","isDisabled": false,"children": []},{"id": 25,"name": "区块链","level": 1,"parentId": 15,"sort": 10,"status": "00","isDisabled": false,"children": []},{"id": 26,"name": "游戏","level": 1,"parentId": 15,"sort": 11,"status": "00","isDisabled": false,"children": []},{"id": 27,"name": "社交网络","level": 1,"parentId": 15,"sort": 12,"status": "00","isDisabled": false,"children": []},{"id": 28,"name": "在线招聘/求职","level": 1,"parentId": 15,"sort": 13,"status": "00","isDisabled": false,"children": []},{"id": 29,"name": "云计算/大数据","level": 1,"parentId": 15,"sort": 14,"status": "00","isDisabled": false,"children": []},{"id": 30,"name": "网络/信息安全","level": 1,"parentId": 15,"sort": 15,"status": "00","isDisabled": false,"children": []},{"id": 31,"name": "在线生活服务(O2O)","level": 1,"parentId": 15,"sort": 16,"status": "00","isDisabled": false,"children": []},{"id": 32,"name": "在线音乐/视频/阅读","level": 1,"parentId": 15,"sort": 17,"status": "00","isDisabled": false,"children": []},{"id": 33,"name": "互联网","level": 1,"parentId": 15,"sort": 18,"status": "00","isDisabled": false,"children": []},{"id": 34,"name": "IT服务","level": 1,"parentId": 15,"sort": 19,"status": "00","isDisabled": false,"children": []},{"id": 35,"name": "计算机软件","level": 1,"parentId": 15,"sort": 20,"status": "00","isDisabled": false,"children": []},{"id": 36,"name": "计算机硬件","level": 1,"parentId": 15,"sort": 21,"status": "00","isDisabled": false,"children": []},{"id": 37,"name": "通信/网络设备","level": 1,"parentId": 15,"sort": 22,"status": "00","isDisabled": false,"children": []},{"id": 38,"name": "运营商/增值服务","level": 1,"parentId": 15,"sort": 23,"status": "00","isDisabled": false,"children": []},{"id": 39,"name": "电子/半导体/集成电路","level": 1,"parentId": 15,"sort": 24,"status": "00","isDisabled": false,"children": []},{"id": 40,"name": "消费电子产品","level": 1,"parentId": 15,"sort": 25,"status": "00","isDisabled": false,"children": []},{"id": 41,"name": "光电子行业","level": 1,"parentId": 15,"sort": 26,"status": "00","isDisabled": false,"children": []}]},{"id": 42,"name": "生活服务","level": 0,"parentId": 0,"sort": 3,"status": "00","isDisabled": true,"children": [{"id": 43,"name": "餐饮服务","level": 1,"parentId": 42,"sort": 1,"status": "00","isDisabled": false,"children": []},{"id": 44,"name": "酒店/民宿","level": 1,"parentId": 42,"sort": 2,"status": "00","isDisabled": false,"children": []},{"id": 45,"name": "旅游/景区","level": 1,"parentId": 42,"sort": 3,"status": "00","isDisabled": false,"children": []},{"id": 46,"name": "美容/美发","level": 1,"parentId": 42,"sort": 4,"status": "00","isDisabled": false,"children": []},{"id": 47,"name": "婚庆/摄影","level": 1,"parentId": 42,"sort": 5,"status": "00","isDisabled": false,"children": []},{"id": 48,"name": "休闲/娱乐","level": 1,"parentId": 42,"sort": 6,"status": "00","isDisabled": false,"children": []},{"id": 49,"name": "回收/维修","level": 1,"parentId": 42,"sort": 7,"status": "00","isDisabled": false,"children": []},{"id": 50,"name": "家政服务","level": 1,"parentId": 42,"sort": 8,"status": "00","isDisabled": false,"children": []},{"id": 51,"name": "宠物服务","level": 1,"parentId": 42,"sort": 9,"status": "00","isDisabled": false,"children": []},{"id": 52,"name": "运动/健身","level": 1,"parentId": 42,"sort": 10,"status": "00","isDisabled": false,"children": []},{"id": 53,"name": "保健/养生","level": 1,"parentId": 42,"sort": 11,"status": "00","isDisabled": false,"children": []},{"id": 54,"name": "养老服务","level": 1,"parentId": 42,"sort": 12,"status": "00","isDisabled": false,"children": []},{"id": 55,"name": "搬家/生活配送","level": 1,"parentId": 42,"sort": 13,"status": "00","isDisabled": false,"children": []},{"id": 56,"name": "其他生活服务","level": 1,"parentId": 42,"sort": 14,"status": "00","isDisabled": false,"children": []}]},{"id": 57,"name": "批发/零售/贸易","level": 0,"parentId": 0,"sort": 4,"status": "00","isDisabled": true,"children": [{"id": 58,"name": "快速消费品","level": 1,"parentId": 57,"sort": 1,"status": "00","isDisabled": false,"children": []},{"id": 59,"name": "耐用消费品","level": 1,"parentId": 57,"sort": 2,"status": "00","isDisabled": false,"children": []},{"id": 61,"name": "零售/批发","level": 1,"parentId": 57,"sort": 3,"status": "00","isDisabled": false,"children": []},{"id": 62,"name": "食品/饮料","level": 1,"parentId": 57,"sort": 4,"status": "00","isDisabled": false,"children": []},{"id": 63,"name": "烟草/酒业","level": 1,"parentId": 57,"sort": 5,"status": "00","isDisabled": false,"children": []},{"id": 64,"name": "日化","level": 1,"parentId": 57,"sort": 6,"status": "00","isDisabled": false,"children": []},{"id": 65,"name": "服装/纺织/皮革","level": 1,"parentId": 57,"sort": 7,"status": "00","isDisabled": false,"children": []},{"id": 66,"name": "奢侈品","level": 1,"parentId": 57,"sort": 8,"status": "00","isDisabled": false,"children": []},{"id": 67,"name": "玩具/礼品","level": 1,"parentId": 57,"sort": 9,"status": "00","isDisabled": false,"children": []},{"id": 68,"name": "珠宝/首饰","level": 1,"parentId": 57,"sort": 10,"status": "00","isDisabled": false,"children": []},{"id": 69,"name": "办公用品/设备","level": 1,"parentId": 57,"sort": 11,"status": "00","isDisabled": false,"children": []},{"id": 70,"name": "工艺品/收藏品/艺术品","level": 1,"parentId": 57,"sort": 12,"status": "00","isDisabled": false,"children": []},{"id": 71,"name": "家具/家居/家电","level": 1,"parentId": 57,"sort": 13,"status": "00","isDisabled": false,"children": []},{"id": 72,"name": "贸易/进出口","level": 1,"parentId": 57,"sort": 14,"status": "00","isDisabled": false,"children": []}]},{"id": 73,"name": "专业服务","level": 0,"parentId": 0,"sort": 5,"status": "00","isDisabled": true,"children": [{"id": 74,"name": "法律服务","level": 1,"parentId": 73,"sort": 1,"status": "00","isDisabled": false,"children": []},{"id": 75,"name": "咨询服务","level": 1,"parentId": 73,"sort": 2,"status": "00","isDisabled": false,"children": []},{"id": 76,"name": "翻译服务","level": 1,"parentId": 73,"sort": 3,"status": "00","isDisabled": false,"children": []},{"id": 77,"name": "人力资源服务","level": 1,"parentId": 73,"sort": 4,"status": "00","isDisabled": false,"children": []},{"id": 78,"name": "财务/审计/税务","level": 1,"parentId": 73,"sort": 5,"status": "00","isDisabled": false,"children": []},{"id": 79,"name": "工程技术与设计服务","level": 1,"parentId": 73,"sort": 6,"status": "00","isDisabled": false,"children": []},{"id": 80,"name": "检测/认证","level": 1,"parentId": 73,"sort": 7,"status": "00","isDisabled": false,"children": []},{"id": 81,"name": "景区/商业/市场等综合管理","level": 1,"parentId": 73,"sort": 8,"status": "00","isDisabled": false,"children": []},{"id": 82,"name": "商业代理服务","level": 1,"parentId": 73,"sort": 9,"status": "00","isDisabled": false,"children": []},{"id": 83,"name": "专利/商标/知识产权","level": 1,"parentId": 73,"sort": 10,"status": "00","isDisabled": false,"children": []},{"id": 84,"name": "租赁服务","level": 1,"parentId": 73,"sort": 11,"status": "00","isDisabled": false,"children": []},{"id": 85,"name": "专业技术服务","level": 1,"parentId": 73,"sort": 12,"status": "00","isDisabled": false,"children": []}]},{"id": 86,"name": "生物医药/医疗健康","level": 0,"parentId": 0,"sort": 6,"status": "00","isDisabled": true,"children": [{"id": 87,"name": "医院","level": 1,"parentId": 86,"sort": 1,"status": "00","isDisabled": false,"children": []},{"id": 88,"name": "卫生服务","level": 1,"parentId": 86,"sort": 2,"status": "00","isDisabled": false,"children": []},{"id": 89,"name": "生物工程","level": 1,"parentId": 86,"sort": 3,"status": "00","isDisabled": false,"children": []},{"id": 90,"name": "医药制造","level": 1,"parentId": 86,"sort": 4,"status": "00","isDisabled": false,"children": []},{"id": 91,"name": "医疗检测","level": 1,"parentId": 86,"sort": 5,"status": "00","isDisabled": false,"children": []},{"id": 92,"name": "医药批发/零售","level": 1,"parentId": 86,"sort": 6,"status": "00","isDisabled": false,"children": []},{"id": 93,"name": "医疗设备/器械","level": 1,"parentId": 86,"sort": 7,"status": "00","isDisabled": false,"children": []},{"id": 94,"name": "IVD","level": 1,"parentId": 86,"sort": 8,"status": "00","isDisabled": false,"children": []},{"id": 95,"name": "医美/健康服务","level": 1,"parentId": 86,"sort": 9,"status": "00","isDisabled": false,"children": []},{"id": 96,"name": "医药外包","level": 1,"parentId": 86,"sort": 10,"status": "00","isDisabled": false,"children": []}]},{"id": 97,"name": "金融业","level": 0,"parentId": 0,"sort": 7,"status": "00","isDisabled": true,"children": [{"id": 98,"name": "银行","level": 1,"parentId": 97,"sort": 1,"status": "00","isDisabled": false,"children": []},{"id": 99,"name": "保险","level": 1,"parentId": 97,"sort": 2,"status": "00","isDisabled": false,"children": []},{"id": 100,"name": "基金","level": 1,"parentId": 97,"sort": 3,"status": "00","isDisabled": false,"children": []},{"id": 101,"name": "信托","level": 1,"parentId": 97,"sort": 4,"status": "00","isDisabled": false,"children": []},{"id": 102,"name": "证券/期货","level": 1,"parentId": 97,"sort": 5,"status": "00","isDisabled": false,"children": []},{"id": 103,"name": "投资/融资","level": 1,"parentId": 97,"sort": 6,"status": "00","isDisabled": false,"children": []},{"id": 104,"name": "汽车金融","level": 1,"parentId": 97,"sort": 7,"status": "00","isDisabled": false,"children": []},{"id": 105,"name": "互联网金融/小额贷款","level": 1,"parentId": 97,"sort": 8,"status": "00","isDisabled": false,"children": []},{"id": 106,"name": "租赁/拍卖/典当/担保","level": 1,"parentId": 97,"sort": 9,"status": "00","isDisabled": false,"children": []}]},{"id": 122,"name": "高技术制造业","level": 0,"parentId": 0,"sort": 8,"status": "00","isDisabled": true,"children": [{"id": 123,"name": "人工智能","level": 1,"parentId": 122,"sort": 1,"status": "00","isDisabled": false,"children": []},{"id": 124,"name": "智能硬件","level": 1,"parentId": 122,"sort": 2,"status": "00","isDisabled": false,"children": []},{"id": 125,"name": "物联网","level": 1,"parentId": 122,"sort": 3,"status": "00","isDisabled": false,"children": []},{"id": 126,"name": "区块链","level": 1,"parentId": 122,"sort": 4,"status": "00","isDisabled": false,"children": []},{"id": 127,"name": "云计算/大数据","level": 1,"parentId": 122,"sort": 5,"status": "00","isDisabled": false,"children": []},{"id": 128,"name": "计算机硬件","level": 1,"parentId": 122,"sort": 6,"status": "00","isDisabled": false,"children": []},{"id": 129,"name": "通信/网络设备","level": 1,"parentId": 122,"sort": 7,"status": "00","isDisabled": false,"children": []},{"id": 130,"name": "电子/半导体/集成电路","level": 1,"parentId": 122,"sort": 8,"status": "00","isDisabled": false,"children": []},{"id": 131,"name": "消费电子产品","level": 1,"parentId": 122,"sort": 9,"status": "00","isDisabled": false,"children": []},{"id": 132,"name": "光电子行业","level": 1,"parentId": 122,"sort": 10,"status": "00","isDisabled": false,"children": []},{"id": 133,"name": "船舶/航空/航天/火车制造","level": 1,"parentId": 122,"sort": 11,"status": "00","isDisabled": false,"children": []},{"id": 134,"name": "电气机械/电力设备","level": 1,"parentId": 122,"sort": 12,"status": "00","isDisabled": false,"children": []},{"id": 135,"name": "电子设备制造","level": 1,"parentId": 122,"sort": 13,"status": "00","isDisabled": false,"children": []},{"id": 136,"name": "机器人","level": 1,"parentId": 122,"sort": 14,"status": "00","isDisabled": false,"children": []},{"id": 137,"name": "专用设备制造","level": 1,"parentId": 122,"sort": 15,"status": "00","isDisabled": false,"children": []},{"id": 138,"name": "通用设备制造","level": 1,"parentId": 122,"sort": 16,"status": "00","isDisabled": false,"children": []},{"id": 139,"name": "仪器仪表制造","level": 1,"parentId": 122,"sort": 17,"status": "00","isDisabled": false,"children": []},{"id": 140,"name": "工业自动化","level": 1,"parentId": 122,"sort": 18,"status": "00","isDisabled": false,"children": []},{"id": 141,"name": "新材料","level": 1,"parentId": 122,"sort": 19,"status": "00","isDisabled": false,"children": []}]},{"id": 142,"name": "制造业","level": 0,"parentId": 0,"sort": 9,"status": "00","isDisabled": true,"children": [{"id": 143,"name": "船舶/航空/航天/火车制造","level": 1,"parentId": 142,"sort": 1,"status": "00","isDisabled": false,"children": []},{"id": 144,"name": "电气机械/电力设备","level": 1,"parentId": 142,"sort": 2,"status": "00","isDisabled": false,"children": []},{"id": 145,"name": "电子设备制造","level": 1,"parentId": 142,"sort": 3,"status": "00","isDisabled": false,"children": []},{"id": 146,"name": "机器人","level": 1,"parentId": 142,"sort": 4,"status": "00","isDisabled": false,"children": []},{"id": 147,"name": "钢铁/有色金属冶炼及加工","level": 1,"parentId": 142,"sort": 5,"status": "00","isDisabled": false,"children": []},{"id": 148,"name": "专用设备制造","level": 1,"parentId": 142,"sort": 6,"status": "00","isDisabled": false,"children": []},{"id": 149,"name": "军工制造","level": 1,"parentId": 142,"sort": 7,"status": "00","isDisabled": false,"children": []},{"id": 150,"name": "金属制品业","level": 1,"parentId": 142,"sort": 8,"status": "00","isDisabled": false,"children": []},{"id": 151,"name": "通用设备制造","level": 1,"parentId": 142,"sort": 9,"status": "00","isDisabled": false,"children": []},{"id": 152,"name": "仪器仪表制造","level": 1,"parentId": 142,"sort": 10,"status": "00","isDisabled": false,"children": []},{"id": 153,"name": "摩托车/自行车制造","level": 1,"parentId": 142,"sort": 11,"status": "00","isDisabled": false,"children": []},{"id": 154,"name": "非金属矿物制品业","level": 1,"parentId": 142,"sort": 12,"status": "00","isDisabled": false,"children": []},{"id": 155,"name": "新材料","level": 1,"parentId": 142,"sort": 13,"status": "00","isDisabled": false,"children": []},{"id": 156,"name": "化学纤维制造业","level": 1,"parentId": 142,"sort": 14,"status": "00","isDisabled": false,"children": []},{"id": 157,"name": "化学原料/化学制品","level": 1,"parentId": 142,"sort": 15,"status": "00","isDisabled": false,"children": []},{"id": 158,"name": "日化产品制造","level": 1,"parentId": 142,"sort": 16,"status": "00","isDisabled": false,"children": []},{"id": 159,"name": "纺织业/服饰产品加工制造","level": 1,"parentId": 142,"sort": 17,"status": "00","isDisabled": false,"children": []},{"id": 160,"name": "农副产品加工制造","level": 1,"parentId": 142,"sort": 18,"status": "00","isDisabled": false,"children": []},{"id": 161,"name": "燃料资源加工制造","level": 1,"parentId": 142,"sort": 19,"status": "00","isDisabled": false,"children": []},{"id": 162,"name": "橡胶和塑料制品","level": 1,"parentId": 142,"sort": 20,"status": "00","isDisabled": false,"children": []},{"id": 163,"name": "文体/办公设备制造","level": 1,"parentId": 142,"sort": 21,"status": "00","isDisabled": false,"children": []},{"id": 164,"name": "家具制造","level": 1,"parentId": 142,"sort": 22,"status": "00","isDisabled": false,"children": []},{"id": 165,"name": "印刷/包装/造纸","level": 1,"parentId": 142,"sort": 23,"status": "00","isDisabled": false,"children": []},{"id": 166,"name": "工业自动化","level": 1,"parentId": 142,"sort": 24,"status": "00","isDisabled": false,"children": []}]},{"id": 167,"name": "广告/传媒/文化/体育","level": 0,"parentId": 0,"sort": 10,"status": "00","isDisabled": true,"children": [{"id": 168,"name": "广告/营销","level": 1,"parentId": 167,"sort": 1,"status": "00","isDisabled": false,"children": []},{"id": 169,"name": "广播/影视","level": 1,"parentId": 167,"sort": 2,"status": "00","isDisabled": false,"children": []},{"id": 170,"name": "会议/展览","level": 1,"parentId": 167,"sort": 3,"status": "00","isDisabled": false,"children": []},{"id": 171,"name": "文化艺术/娱乐","level": 1,"parentId": 167,"sort": 4,"status": "00","isDisabled": false,"children": []},{"id": 172,"name": "体育","level": 1,"parentId": 167,"sort": 5,"status": "00","isDisabled": false,"children": []},{"id": 173,"name": "新闻/出版","level": 1,"parentId": 167,"sort": 6,"status": "00","isDisabled": false,"children": []}]},{"id": 174,"name": "教育培训/科研","level": 0,"parentId": 0,"sort": 11,"status": "00","isDisabled": true,"children": [{"id": 175,"name": "培训/辅导服务","level": 1,"parentId": 174,"sort": 1,"status": "00","isDisabled": false,"children": []},{"id": 176,"name": "学校/学历教育","level": 1,"parentId": 174,"sort": 2,"status": "00","isDisabled": false,"children": []},{"id": 177,"name": "学术/科研","level": 1,"parentId": 174,"sort": 3,"status": "00","isDisabled": false,"children": []},{"id": 178,"name": "科学技术推广","level": 1,"parentId": 174,"sort": 4,"status": "00","isDisabled": false,"children": []},{"id": 179,"name": "其他教育培训","level": 1,"parentId": 174,"sort": 5,"status": "00","isDisabled": false,"children": []}]},{"id": 180,"name": "汽车","level": 0,"parentId": 0,"sort": 12,"status": "00","isDisabled": true,"children": [{"id": 181,"name": "汽车研发/制造","level": 1,"parentId": 180,"sort": 1,"status": "00","isDisabled": false,"children": []},{"id": 182,"name": "汽车零部件","level": 1,"parentId": 180,"sort": 2,"status": "00","isDisabled": false,"children": []},{"id": 183,"name": "4S店/后市场","level": 1,"parentId": 180,"sort": 3,"status": "00","isDisabled": false,"children": []},{"id": 184,"name": "新能源汽车","level": 1,"parentId": 180,"sort": 4,"status": "00","isDisabled": false,"children": []},{"id": 185,"name": "汽车智能网联","level": 1,"parentId": 180,"sort": 5,"status": "00","isDisabled": false,"children": []},{"id": 186,"name": "汽车经销商","level": 1,"parentId": 180,"sort": 6,"status": "00","isDisabled": false,"children": []},{"id": 187,"name": "汽车后市场","level": 1,"parentId": 180,"sort": 7,"status": "00","isDisabled": false,"children": []},{"id": 188,"name": "摩托车/自行车制造","level": 1,"parentId": 180,"sort": 8,"status": "00","isDisabled": false,"children": []}]},{"id": 189,"name": "房地产/建筑","level": 0,"parentId": 0,"sort": 13,"status": "00","isDisabled": true,"children": [{"id": 190,"name": "房地产开发经营","level": 1,"parentId": 189,"sort": 1,"status": "00","isDisabled": false,"children": []},{"id": 191,"name": "工程施工","level": 1,"parentId": 189,"sort": 2,"status": "00","isDisabled": false,"children": []},{"id": 192,"name": "建筑设计","level": 1,"parentId": 189,"sort": 3,"status": "00","isDisabled": false,"children": []},{"id": 193,"name": "装修装饰","level": 1,"parentId": 189,"sort": 4,"status": "00","isDisabled": false,"children": []},{"id": 194,"name": "建筑材料","level": 1,"parentId": 189,"sort": 5,"status": "00","isDisabled": false,"children": []},{"id": 195,"name": "房地产中介/租赁","level": 1,"parentId": 189,"sort": 6,"status": "00","isDisabled": false,"children": []},{"id": 196,"name": "物业管理","level": 1,"parentId": 189,"sort": 7,"status": "00","isDisabled": false,"children": []},{"id": 197,"name": "房屋建筑工程","level": 1,"parentId": 189,"sort": 8,"status": "00","isDisabled": false,"children": []},{"id": 198,"name": "土木工程","level": 1,"parentId": 189,"sort": 9,"status": "00","isDisabled": false,"children": []},{"id": 199,"name": "机电工程","level": 1,"parentId": 189,"sort": 10,"status": "00","isDisabled": false,"children": []},{"id": 200,"name": "建筑工程咨询服务","level": 1,"parentId": 189,"sort": 11,"status": "00","isDisabled": false,"children": []},{"id": 201,"name": "土地与公共设施管理","level": 1,"parentId": 189,"sort": 12,"status": "00","isDisabled": false,"children": []}]},{"id": 202,"name": "交通运输/物流","level": 0,"parentId": 0,"sort": 14,"status": "00","isDisabled": true,"children": [{"id": 203,"name": "交通/运输","level": 1,"parentId": 202,"sort": 1,"status": "00","isDisabled": false,"children": []},{"id": 204,"name": "物流/仓储","level": 1,"parentId": 202,"sort": 2,"status": "00","isDisabled": false,"children": []},{"id": 205,"name": "即时配送","level": 1,"parentId": 202,"sort": 3,"status": "00","isDisabled": false,"children": []},{"id": 206,"name": "快递","level": 1,"parentId": 202,"sort": 4,"status": "00","isDisabled": false,"children": []},{"id": 207,"name": "公路物流","level": 1,"parentId": 202,"sort": 5,"status": "00","isDisabled": false,"children": []},{"id": 208,"name": "同城货运","level": 1,"parentId": 202,"sort": 6,"status": "00","isDisabled": false,"children": []},{"id": 209,"name": "跨境物流","level": 1,"parentId": 202,"sort": 7,"status": "00","isDisabled": false,"children": []},{"id": 210,"name": "装卸搬运和仓储业","level": 1,"parentId": 202,"sort": 8,"status": "00","isDisabled": false,"children": []},{"id": 211,"name": "客运服务","level": 1,"parentId": 202,"sort": 9,"status": "00","isDisabled": false,"children": []},{"id": 212,"name": "港口/铁路/公路/机场","level": 1,"parentId": 202,"sort": 10,"status": "00","isDisabled": false,"children": []}]},{"id": 213,"name": "能源/化工/环保","level": 0,"parentId": 0,"sort": 15,"status": "00","isDisabled": true,"children": [{"id": 214,"name": "石油/石化","level": 1,"parentId": 213,"sort": 1,"status": "00","isDisabled": false,"children": []},{"id": 215,"name": "化工","level": 1,"parentId": 213,"sort": 2,"status": "00","isDisabled": false,"children": []},{"id": 216,"name": "矿产/地质","level": 1,"parentId": 213,"sort": 3,"status": "00","isDisabled": false,"children": []},{"id": 217,"name": "采掘/冶炼","level": 1,"parentId": 213,"sort": 4,"status": "00","isDisabled": false,"children": []},{"id": 218,"name": "电力/热力/燃气/水利","level": 1,"parentId": 213,"sort": 5,"status": "00","isDisabled": false,"children": []},{"id": 219,"name": "新能源","level": 1,"parentId": 213,"sort": 6,"status": "00","isDisabled": false,"children": []},{"id": 220,"name": "环保","level": 1,"parentId": 213,"sort": 7,"status": "00","isDisabled": false,"children": []},{"id": 221,"name": "光伏","level": 1,"parentId": 213,"sort": 8,"status": "00","isDisabled": false,"children": []},{"id": 222,"name": "储能","level": 1,"parentId": 213,"sort": 9,"status": "00","isDisabled": false,"children": []},{"id": 223,"name": "动力电池","level": 1,"parentId": 213,"sort": 10,"status": "00","isDisabled": false,"children": []},{"id": 224,"name": "风电","level": 1,"parentId": 213,"sort": 11,"status": "00","isDisabled": false,"children": []},{"id": 225,"name": "其他新能源","level": 1,"parentId": 213,"sort": 12,"status": "00","isDisabled": false,"children": []}]},{"id": 226,"name": "农/林/牧/渔","level": 0,"parentId": 0,"sort": 16,"status": "00","isDisabled": true,"children": [{"id": 227,"name": "农/林/牧/渔","level": 1,"parentId": 226,"sort": 1,"status": "00","isDisabled": false,"children": []}]},{"id": 228,"name": "政府/非盈利机构","level": 0,"parentId": 0,"sort": 17,"status": "00","isDisabled": true,"children": [{"id": 229,"name": "政府/公共事业","level": 1,"parentId": 228,"sort": 1,"status": "00","isDisabled": false,"children": []},{"id": 230,"name": "社团/组织/社会保障","level": 1,"parentId": 228,"sort": 2,"status": "00","isDisabled": false,"children": []},{"id": 231,"name": "养老/孤儿/看护","level": 1,"parentId": 228,"sort": 3,"status": "00","isDisabled": false,"children": []}]}]}},onLoad() {},methods: {handOpen() {this.$refs.child.open()},onChange(e) {console.log(e)this.list = ethis.$refs.child.close()}}}
</script><style></style>

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

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

相关文章

Discuz发布原创AI帖子内容生成:起尔 | AI原创帖子内容生成插件开发定制

Discuz发布原创AI帖子内容生成&#xff1a;起尔 | AI原创帖子内容生成插件开发定制 在当今互联网快速发展的时代&#xff0c;内容创作成为了网站运营、社交媒体管理和个人博客维护不可或缺的一部分。然而&#xff0c;高质量内容的创作往往耗时耗力&#xff0c;特别是对于需要频…

【使用winget下载Java21】

winget search java选择需要的版本 winget install BellSoft.Liberic aJDK.21.full

Openpyxl--学习记录

1.工作表的基本操作 1.1 工作表的新建打开与保存 1.1.1 创建工作簿 from openpyxl import Workbook from pathlib import Pathfile_path Path.home() / "Desktop" / "123.xlsx"# 1.创建工作簿 wb Workbook() # 2.访问默认工作簿 ws wb.active # 3.填充…

【算法】spfa最短路径算法

目录 一、概念 二、思路 三、spfa求最短路 在阅读本文前请先食用&#xff1a; 【算法】Bellman-Ford单源最短路径算法&#xff08;附动图&#xff09;-CSDN博客文章浏览阅读366次&#xff0c;点赞16次&#xff0c;收藏14次。算法学习笔记之Bellman-Ford单源最短路径算法htt…

线性代数学习

1.标量由只有一个元素的张量表示 import torchx torch.tensor([3,0]) y torch.tensor([2,0])x y, x * y, x / y, x**y 2.可以将向量视为标量值组成的列表 x torch.arange(4) x 3.通过张量的索引访问任一元素 x[3] 4.访问张量长度 len(x) 5.只有一个轴的张量&#xff0c…

JAVA Maven 的安装与配置

一、下载地址 官方网站&#xff1a;Maven – Download Apache Maven 我这里是3.8.6版本 二、安装步骤 maven安装之前要先安装jdk&#xff0c;请确保你的系统已经安装了jdk环境。 1.将下载好的 Maven 进行解压 apache-maven-3.6.8-bin.zip 2.配置本地仓库:修改 conf/settin…

【D3.js in Action 3 精译_037】4.1 DIY 实战:D3 源码分析之——d3.timeFormat() 函数

当前内容所在位置&#xff08;可进入专栏查看其他译好的章节内容&#xff09; 第一部分 D3.js 基础知识 第一章 D3.js 简介&#xff08;已完结&#xff09; 1.1 何为 D3.js&#xff1f;1.2 D3 生态系统——入门须知1.3 数据可视化最佳实践&#xff08;上&#xff09;1.3 数据可…

yarn的安装与使用以及与npm的区别(安装过程中可能会遇到的问题)

一、yarn的安装 使用npm就可以进行安装 但是需要注意的一点是yarn的使用和node版本是有关系的必须是16.0以上的版本。 输入以下代码就可以实现yarn的安装 npm install -g yarn 再通过版本号的检查来确定&#xff0c;yarn是否安装成功 yarn -v二、遇到的问题 1、问题描述…

【Qt】控件——Qt控件的介绍、QWidget的介绍、QWidget的属性、QWidget的函数

文章目录 Qt1. 控件的概念2. QWidgetenabledgeometrywindowTitlewindowIconwindowOpacitycursorfonttoolTiptoolTipDuringstyleSheet Qt 1. 控件的概念 Widget 是 Qt 中的核心概念。英文原义是 “小部件”&#xff0c;我们此处也把它翻译为 “控件”。控件是构成一个图形化界面…

算法剖析:二分查找

文章目录 前言二分查找模板朴素模板左右查找模板 一、二分查找二、 在排序数组中查找元素的第一个和最后一个位置三、搜索插入位置四、x 的平方根五、山脉数组的峰顶索引六、寻找峰值七、寻找旋转排序数组中的最小值八、 点名总结 前言 二分查找是一种高效的查找算法&#xff…

基于SpringBoot的“高校校园点餐系统”的设计与实现(源码+数据库+文档+PPT)

基于SpringBoot的“高校校园点餐系统”的设计与实现&#xff08;源码数据库文档PPT) 开发语言&#xff1a;Java 数据库&#xff1a;MySQL 技术&#xff1a;SpringBoot 工具&#xff1a;IDEA/Ecilpse、Navicat、Maven 系统展示 前台首页功能界面图 用户注册、登录界面图 我…

时间序列预测(十)——长短期记忆网络(LSTM)

目录 一、LSTM结构 二、LSTM 核心思想 三、LSTM分步演练 &#xff08;一&#xff09;初始化 1、权重和偏置初始化 2、初始细胞状态和隐藏状态初始化 &#xff08;二&#xff09;前向传播 1、遗忘门计算&#xff08;决定从上一时刻隐状态中丢弃多少信息&#xff09; 2、…

基于.NET 8.0,C#中Microsoft.Office.Interop.Excel来操作office365的excel

开发环境&#xff1a; Visual Studio 2022 office365 项目模板&#xff1a;WPF应用程序 框架&#xff1a;.NET 8.0 依赖&#xff1a;Microsoft.Office.Interop.Excel 注意&#xff1a; 1.使用Microsoft.Office.Interop.Excel库时&#xff0c;服务器或电脑里面必须安装得…

qt QLineEdit详解

一、概述 QLineEdit 是 Qt 框架中用于创建单行文本输入框的类。它非常适合用于接收用户输入&#xff0c;例如用户名、密码或其他简单的文本信息。它提供了许多有用的编辑功能&#xff0c;支持多种输入模式和文本限制&#xff0c;并支持撤销、重做、剪切、粘贴以及拖放等功能。…

【AI服务器】全国产PCIe 5.0 Switch SerDes 测试和分析,以11槽PCIe GPU底板(PCIe 4.0/5.0)为例(二)

3 PCIe 4.0 SerDes 和 5.0 SerDes 要求比较 表 2 总结 PCIe 4.0 和 5.0 SerDes 要求之间的差 异。PCIe 标准包含三个相互依赖的规范&#xff0c;这些规范 旨在确保不同供应商的 SerDes 和通道的互操作性&#xff1a; ● PCIe BASE 规范定义了整个协议栈的芯片 级性能,是一…

使用QT绘图控件QCustomPlot绘制波形图

使用QT绘图控件QCustomPlot绘制波形图 下载QCustomPlot 下载QCustomPlot,链接路径 解压之后就能看到源代码了 在Qt中添加QCustomPlot的帮助文档 在Qt Creator的菜单:工具–>选项–>帮助–>文档–>添加qcustomplot\documentation\qcustomplot.qch文件。

Elasticsearch基本使用及介绍

Elasticsearch 1. 关于各种数据库的使用 关于MySQL&#xff1a;是关系型数据库&#xff0c;能清楚的表示数据之间的关系&#xff0c;并且&#xff0c;是基于磁盘存储的&#xff0c;可以使用相对较低的成本存储大量的数据 关于Redis&#xff1a;是基于K-V结构的在内存中读写数…

同世界,共北斗|遨游通讯亮相第三届北斗规模应用国际峰会!

10月24日&#xff0c;第三届北斗规模应用国际峰会在湖南省株洲市隆重开幕&#xff0c;此次峰会以“同世界&#xff0c;共北斗”为主题&#xff0c;旨在加速北斗系统的市场化进程、促进其产业化布局及国际化拓展。全国政协副主席、农工党中央常务副主席杨震讲话并宣布开幕&#…

【赵渝强老师】Oracle的联机重做日志文件与数据写入过程

在Oracle数据库中&#xff0c;一个数据库可以有多个联机重做日志文件&#xff0c;它记录了数据库的变化。例如&#xff0c;当Oracle数据库产生异常时&#xff0c;导致对数据的改变没有及时写入到数据文件中。这时Oracle数据库就会根据联机重做日志文件中的信息来获得数据库的变…

上传Gitee仓库流程图

推荐一个流程图工具 登录 | ProcessOnProcessOn是一个在线协作绘图平台&#xff0c;为用户提供强大、易用的作图工具&#xff01;支持在线创作流程图、思维导图、组织结构图、网络拓扑图、BPMN、UML图、UI界面原型设计、iOS界面原型设计等。同时依托于互联网实现了人与人之间的…