laozt
1 year ago
parent
97c32a76e8
commit
2c2c023961
@ -0,0 +1,180 @@
|
||||
[
|
||||
{
|
||||
"value": "苏州市局"
|
||||
},
|
||||
{
|
||||
"value": "张家港市局",
|
||||
"children": [
|
||||
{ "value": "凤凰镇", "sort": "10" },
|
||||
{ "value": "塘桥镇", "sort": "11" },
|
||||
{ "value": "南丰镇", "sort": "12" },
|
||||
{ "value": "乐余镇", "sort": "13" },
|
||||
{ "value": "杨舍镇", "sort": "14" },
|
||||
{ "value": "锦丰镇", "sort": "14" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"value": "常熟市应急局",
|
||||
"children": [
|
||||
{ "value": "海虞镇", "sort": "15" },
|
||||
{ "value": "辛庄镇", "sort": "16" },
|
||||
{
|
||||
"value": "高新区",
|
||||
"sort": "17"
|
||||
},
|
||||
{ "value": "支塘镇", "sort": "18" },
|
||||
{
|
||||
"value": "经开区",
|
||||
"sort": "19"
|
||||
},
|
||||
{ "value": "梅李镇", "sort": "20" },
|
||||
{ "value": "董浜镇", "sort": "21" },
|
||||
{ "value": "尚湖镇", "sort": "22" },
|
||||
{ "value": "碧溪新区", "sort": "23" },
|
||||
{ "value": "常福街道", "sort": "24" },
|
||||
{ "value": "古里镇", "sort": "25" },
|
||||
{ "value": "沙家浜镇", "sort": "26" },
|
||||
{ "value": "莫城街道", "sort": "27" },
|
||||
{ "value": "琴川街道", "sort": "28" },
|
||||
{ "value": "东南街道", "sort": "29" },
|
||||
{ "value": "虞山街道", "sort": "30" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"value": "太仓市应急局",
|
||||
"children": [
|
||||
{ "value": "太仓高新技术产业开发区", "sort": "32" },
|
||||
{ "value": "双凤镇", "sort": "33" },
|
||||
{ "value": "沙溪镇", "sort": "34" },
|
||||
{ "value": "浏河镇", "sort": "35" },
|
||||
{ "value": "璜泾镇", "sort": "36" },
|
||||
{ "value": "城厢镇", "sort": "37" },
|
||||
{
|
||||
"value": "太仓港经济技术开发区",
|
||||
"sort": "38"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"value": "昆山应急局",
|
||||
"children": [
|
||||
{ "value": "开发区", "sort": "42" },
|
||||
{ "value": "高新区", "sort": "43" },
|
||||
{ "value": "周市镇", "sort": "52" },
|
||||
{ "value": "千灯镇", "sort": "45" },
|
||||
{ "value": "张浦镇", "sort": "46" },
|
||||
{ "value": "巴城镇", "sort": "47" },
|
||||
{ "value": "花桥", "sort": "48" },
|
||||
{ "value": "陆家镇", "sort": "49" },
|
||||
{ "value": "淀山湖镇", "sort": "50" },
|
||||
{ "value": "锦溪镇", "sort": "51" },
|
||||
{ "value": "周庄镇", "sort": "51" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"value": "吴江区应急局",
|
||||
"children": [
|
||||
{
|
||||
"value": "汾湖高新区",
|
||||
"sort": "53"
|
||||
},
|
||||
{
|
||||
"value": "吴江高新区",
|
||||
"sort": "54"
|
||||
},
|
||||
{ "value": "平望镇", "sort": "55" },
|
||||
{ "value": "七都镇", "sort": "56" },
|
||||
{ "value": "震泽镇", "sort": "57" },
|
||||
{ "value": "桃源镇", "sort": "58" },
|
||||
{ "value": "江陵街道", "sort": "59" },
|
||||
{ "value": "八坼街道", "sort": "60" },
|
||||
{ "value": "同里镇", "sort": "61" },
|
||||
{ "value": "横扇街道", "sort": "62" },
|
||||
{ "value": "松陵街道", "sort": "63" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"value": "吴中区应急局",
|
||||
"children": [
|
||||
{ "value": "甪直镇", "sort": "66" },
|
||||
{ "value": "胥口镇", "sort": "67" },
|
||||
{ "value": "郭巷街道", "sort": "68" },
|
||||
{ "value": "木渎镇", "sort": "69" },
|
||||
{ "value": "临湖镇", "sort": "70" },
|
||||
{ "value": "城南街道", "sort": "71" },
|
||||
{ "value": "横泾街道", "sort": "72" },
|
||||
{ "value": "太湖街道", "sort": "73" },
|
||||
{ "value": "光福镇", "sort": "74" },
|
||||
{ "value": "越溪街道", "sort": "75" },
|
||||
{ "value": "东山镇", "sort": "76" },
|
||||
{ "value": "香山街道", "sort": "77" },
|
||||
{ "value": "金庭镇", "sort": "78" },
|
||||
{ "value": "长桥街道", "sort": "79" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"value": "相城区应急局",
|
||||
"children": [
|
||||
{ "value": "黄埭镇", "sort": "80" },
|
||||
{
|
||||
"value": "度假区（阳澄湖镇）",
|
||||
"sort": "81"
|
||||
},
|
||||
{ "value": "北桥街道", "sort": "82" },
|
||||
{ "value": "渭塘镇", "sort": "83" },
|
||||
{ "value": "望亭镇", "sort": "84" },
|
||||
{ "value": "太平街道", "sort": "85" },
|
||||
{ "value": "经开区（澄阳街道）", "sort": "86" },
|
||||
{ "value": "漕湖街道", "sort": "87" },
|
||||
{ "value": "黄桥街道", "sort": "88" },
|
||||
{ "value": "相城高新区（元和街道）", "sort": "89" },
|
||||
{ "value": "高铁新城", "sort": "90" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"value": "姑苏区应急局",
|
||||
"children": [
|
||||
{ "value": "白洋湾街道", "sort": "91" },
|
||||
{ "value": "平江街道", "sort": "92" },
|
||||
{ "value": "金阊街道", "sort": "93" },
|
||||
{ "value": "沧浪街道", "sort": "94" },
|
||||
{ "value": "双塔街道", "sort": "95" },
|
||||
{ "value": "虎丘街道", "sort": "96" },
|
||||
{ "value": "吴门桥街道", "sort": "97" },
|
||||
{ "value": "苏锦街道", "sort": "98" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"value": "工业园区应急局",
|
||||
"children": [
|
||||
{
|
||||
"value": "高贸区",
|
||||
"sort": "99"
|
||||
},
|
||||
{
|
||||
"value": "度假区",
|
||||
"sort": "100"
|
||||
},
|
||||
{
|
||||
"value": "科创区",
|
||||
"sort": "101"
|
||||
},
|
||||
{ "value": "商务区", "sort": "102" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"value": "高新区应急局",
|
||||
"children": [
|
||||
{ "value": "枫桥街道", "sort": "103" },
|
||||
{
|
||||
"value": "浒墅关经开区",
|
||||
"sort": "104"
|
||||
},
|
||||
{
|
||||
"value": "科技城（通安、东渚）",
|
||||
"sort": "105"
|
||||
},
|
||||
{ "value": "狮山横塘街道", "sort": "106" }
|
||||
]
|
||||
}
|
||||
]
|
||||
@ -0,0 +1,110 @@
|
||||
<!--
|
||||
* @Descripttion:
|
||||
* @version:
|
||||
* @Author: JC9527
|
||||
* @Date: 2023-09-27 14:01:34
|
||||
* @LastEditors: 张涛
|
||||
* @LastEditTime: 2023-10-20 09:23:51
|
||||
-->
|
||||
<template>
|
||||
<div>
|
||||
<el-cascader
|
||||
size="small"
|
||||
v-model="district"
|
||||
:options="treeData"
|
||||
:show-all-levels="false"
|
||||
:disabled="isNoneDivision"
|
||||
:props="props"
|
||||
@change="onChange"
|
||||
v-if="isShow"
|
||||
></el-cascader>
|
||||
<el-input v-model="text" placeholder="" :disabled="!isShow" v-else />
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import jsonData from "./data.json";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
jsonData: jsonData,
|
||||
//区划的禁用
|
||||
district: "",
|
||||
treeData: [],
|
||||
text: null,
|
||||
compartment: [], // 整理后
|
||||
isShow: true,
|
||||
isNoneDivision: false,
|
||||
props: {
|
||||
checkStrictly: true,
|
||||
value: "value",
|
||||
label: "value",
|
||||
children: "children",
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
// console.log(jsonData);
|
||||
this.treeList();
|
||||
},
|
||||
props: {
|
||||
none: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
onClear() {
|
||||
this.district = "";
|
||||
},
|
||||
treeList() {
|
||||
this.compartment = this.jsonData;
|
||||
// let userInfo = JSON.parse(sessionStorage.getItem("USER_INFO"));
|
||||
// // 市级
|
||||
// if (userInfo.lawLevel == "市级") {
|
||||
// this.treeData = this.compartment;
|
||||
// }
|
||||
// // 县级
|
||||
// else if (userInfo.lawLevel == "县级") {
|
||||
// this.district = userInfo.permissionCode;
|
||||
// this.treeData = this.compartment.filter(
|
||||
// (item) => item.value === this.district
|
||||
// );
|
||||
// }
|
||||
// // 镇级
|
||||
// else if (userInfo.lawLevel == "镇级") {
|
||||
// this.isShow = false;
|
||||
// this.text = userInfo.permissionDescription;
|
||||
// } else {
|
||||
this.treeData = this.compartment;
|
||||
// }
|
||||
},
|
||||
onChange(e) {
|
||||
this.$emit("change", e[e.length - 1]);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-cascader {
|
||||
background-color: transparent;
|
||||
width: 210px;
|
||||
.el-input__inner {
|
||||
height: 33px;
|
||||
}
|
||||
.el-input
|
||||
.el-input__suffix
|
||||
.el-input__suffix-inner
|
||||
.el-icon-arrow-down::before {
|
||||
content: "";
|
||||
background: url(../../../assets/images/down2.png) center center no-repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 7px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue