|
|
@@ -100,13 +100,16 @@
|
|
|
:filter-node-method="filterNode"
|
|
|
>
|
|
|
<span class="custom-tree-node" slot-scope="{ node }">
|
|
|
- <template
|
|
|
- v-if="
|
|
|
- node.level === 3 ||
|
|
|
- node.parent.label === '所有图层' ||
|
|
|
- node.parent.label === '我的模型'
|
|
|
- "
|
|
|
- >
|
|
|
+ <template v-if="node.level < 4">
|
|
|
+ <div
|
|
|
+ :class="{
|
|
|
+ 'tree-arrow': !node.expanded,
|
|
|
+ 'tree-arrow-expanded': node.expanded,
|
|
|
+ }"
|
|
|
+ ></div>
|
|
|
+ <span>{{ node.label }}</span>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="node.level === 4">
|
|
|
<el-checkbox v-model="node.checked" style="position: relative"
|
|
|
>{{ node.label
|
|
|
}}<span
|
|
|
@@ -136,7 +139,7 @@
|
|
|
</span>
|
|
|
</el-checkbox>
|
|
|
</template>
|
|
|
- <template v-else>
|
|
|
+ <!-- <template v-else>
|
|
|
<div
|
|
|
:class="{
|
|
|
'tree-arrow': !node.expanded,
|
|
|
@@ -144,7 +147,7 @@
|
|
|
}"
|
|
|
></div>
|
|
|
<span>{{ node.label }}</span>
|
|
|
- </template>
|
|
|
+ </template> -->
|
|
|
</span>
|
|
|
</el-tree>
|
|
|
</div>
|
|
|
@@ -250,6 +253,7 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ classTextToIndex: {},
|
|
|
addressInput: "",
|
|
|
legendShow: false,
|
|
|
tableType: "normal",
|
|
|
@@ -344,26 +348,26 @@ export default {
|
|
|
},
|
|
|
getCustomModel: {
|
|
|
handler(val) {
|
|
|
- console.log(val, "目前存在的自定义模型");
|
|
|
- let myModelRef = this.$refs.tree.data[2];
|
|
|
- if (myModelRef.label === "我的模型") {
|
|
|
- this.$refs.tree.data[2].children = val.map((ele) => {
|
|
|
- let firstId = publicFun.buildGuid();
|
|
|
- treeIdMap.set(ele.name, firstId);
|
|
|
- return {
|
|
|
- id: firstId,
|
|
|
- label: ele.name,
|
|
|
- data: ele.data,
|
|
|
- };
|
|
|
- });
|
|
|
- console.log(myModelRef.children, "最新的数据");
|
|
|
- }
|
|
|
+ // console.log(val, "目前存在的自定义模型");
|
|
|
+ // let myModelRef = this.$refs.tree.data[2];
|
|
|
+ // if (myModelRef.label === "我的模型") {
|
|
|
+ // this.$refs.tree.data[2].children = val.map((ele) => {
|
|
|
+ // let firstId = publicFun.buildGuid();
|
|
|
+ // treeIdMap.set(ele.name, firstId);
|
|
|
+ // return {
|
|
|
+ // id: firstId,
|
|
|
+ // label: ele.name,
|
|
|
+ // data: ele.data,
|
|
|
+ // };
|
|
|
+ // });
|
|
|
+ // console.log(myModelRef.children, "最新的数据");
|
|
|
+ // }
|
|
|
},
|
|
|
deep: true,
|
|
|
},
|
|
|
getMyLabelData: {
|
|
|
handler(val) {
|
|
|
- console.log("标记点保存事件成功，允许开始定位");
|
|
|
+ // console.log("标记点保存事件成功，允许开始定位");
|
|
|
this.rightLabelData = [];
|
|
|
if (val.length > 0) {
|
|
|
this.rightLabelData = val.map((v, i) => {
|
|
|
@@ -387,35 +391,9 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
created() {
|
|
|
- this.modelData = [];
|
|
|
- // 分别对应1、2、3级节点
|
|
|
- this.modelData = treeModel.map((item1) => {
|
|
|
- if (item1.type === "我的模型") {
|
|
|
- this.myModel = item1;
|
|
|
- }
|
|
|
- treeIdMap.set(item1.type, item1.id);
|
|
|
- return {
|
|
|
- id: item1.id,
|
|
|
- label: item1.type,
|
|
|
- children: item1.children.map((item2) => {
|
|
|
- treeIdMap.set(item2.type, item2.id);
|
|
|
- return {
|
|
|
- id: item2.id,
|
|
|
- label: item2.type,
|
|
|
- children: item2.children.map((item3) => {
|
|
|
- treeIdMap.set(item3.type, item3.id);
|
|
|
- this.rightPanelDataMap.set(item3.type, item3.children);
|
|
|
- return {
|
|
|
- id: item3.id,
|
|
|
- label: item3.type,
|
|
|
- children: [],
|
|
|
- checked: false,
|
|
|
- };
|
|
|
- }),
|
|
|
- };
|
|
|
- }),
|
|
|
- };
|
|
|
- });
|
|
|
+ this.getColumnList();
|
|
|
+ this.classDictQuery("0", "c_task_type", "任务类型");
|
|
|
+ this.classDictQuery("0", "浦东新区行政区划", "浦东新区行政区划");
|
|
|
|
|
|
//获取我的标记数据
|
|
|
this.getUserMarkers();
|
|
|
@@ -455,6 +433,94 @@ export default {
|
|
|
this.updateCasePopupShow = false;
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 数据字典查询 -- 根据内容获取对应的index
|
|
|
+ // this.classTextToIndex["任务类型"]
|
|
|
+ classDictQuery(type, cName, keyName) {
|
|
|
+ let params = new FormData();
|
|
|
+ params = {
|
|
|
+ type: type,
|
|
|
+ cName: cName,
|
|
|
+ };
|
|
|
+ this.$Post(this.urlsCollection.selectByCNameAType, params).then((res) => {
|
|
|
+ if (res.code === 200 && res.content.length > 0) {
|
|
|
+ this.classTextToIndex[keyName] = new Map();
|
|
|
+ res.content.forEach((v) => {
|
|
|
+ this.classTextToIndex[keyName].set(v.name, v.index + "");
|
|
|
+ });
|
|
|
+ // console.log(this.classTextToIndex[keyName], keyName);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 获取分级栏目列表
|
|
|
+ getColumnList() {
|
|
|
+ this.modelData = [];
|
|
|
+ this.$Post(this.urlsCollection.getColumnList).then((res) => {
|
|
|
+ if (res.code === 200 && res.content.length > 0) {
|
|
|
+ let data = res.content.map((item1) => {
|
|
|
+ if (item1.title === "所有图层" && item1.columnList.length > 0) {
|
|
|
+ treeIdMap.set(item1.title, `${item1.title}_${item1.id}`);
|
|
|
+ return {
|
|
|
+ id: `${item1.title}_${item1.id}`,
|
|
|
+ label: item1.title,
|
|
|
+ // 镇
|
|
|
+ children:
|
|
|
+ item1.columnList.length === 0
|
|
|
+ ? []
|
|
|
+ : item1.columnList.map((item2) => {
|
|
|
+ treeIdMap.set(
|
|
|
+ item2.title,
|
|
|
+ `${item2.title}_${item2.id}`
|
|
|
+ );
|
|
|
+ return {
|
|
|
+ id: `${item2.title}_${item2.id}`,
|
|
|
+ label: item2.title,
|
|
|
+ // 水资源，土地资源，林地资源
|
|
|
+ children:
|
|
|
+ item2.columnList.length === 0
|
|
|
+ ? []
|
|
|
+ : item2.columnList.map((item3) => {
|
|
|
+ treeIdMap.set(
|
|
|
+ item3.title,
|
|
|
+ `${item3.title}_${item3.id}`
|
|
|
+ );
|
|
|
+ return {
|
|
|
+ id: `${item3.title}_${item3.id}`,
|
|
|
+ label: item3.title,
|
|
|
+ tag: item3.tag,
|
|
|
+ children:
|
|
|
+ item3.columnList.length === 0
|
|
|
+ ? []
|
|
|
+ : item3.columnList.map((item4) => {
|
|
|
+ treeIdMap.set(
|
|
|
+ item4.title,
|
|
|
+ `${item4.title}_${item4.id}`
|
|
|
+ );
|
|
|
+ this.rightPanelDataMap.set(
|
|
|
+ item4.title,
|
|
|
+ item4.children
|
|
|
+ );
|
|
|
+
|
|
|
+ return {
|
|
|
+ id: `${item4.title}_${item4.id}`,
|
|
|
+ label: item4.title,
|
|
|
+ children: [],
|
|
|
+ modelName: item4.modelName,
|
|
|
+ modelId: item4.modelId,
|
|
|
+ tag: item4.tag,
|
|
|
+ };
|
|
|
+ }),
|
|
|
+ };
|
|
|
+ }),
|
|
|
+ };
|
|
|
+ }),
|
|
|
+ };
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ this.modelData = [data[0]];
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
// 调用我的标记接口
|
|
|
getUserMarkers() {
|
|
|
if (localStorage.getItem("USER_ID")) {
|
|
|
@@ -466,7 +532,7 @@ export default {
|
|
|
};
|
|
|
this.$Post(this.urlsCollection.selectByUser, paramData).then((res) => {
|
|
|
if (res.code === 200 && res.content.length >= 1) {
|
|
|
- console.log(res);
|
|
|
+ // console.log(res);
|
|
|
this.$store.state.myLabelPointsArr = [];
|
|
|
this.$store.state.myLabelPointsArr = res.content.map((v) => {
|
|
|
return {
|
Bella