|
|
@@ -49,7 +49,7 @@
|
|
|
|
|
|
<body>
|
|
|
<div id="app" v-cloak>
|
|
|
- <el-container>
|
|
|
+ <el-container v-cloak>
|
|
|
<el-header>
|
|
|
<div class="logo" contenteditable="false">知识图谱系统</div>
|
|
|
<div class="time">{{nowDate}}</div>
|
|
|
@@ -285,10 +285,20 @@
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
<span style="margin-left: 10px;">实体名称：</span>
|
|
|
- <el-autocomplete v-model.trim="addPropertyDropdown.name"
|
|
|
+ <!-- <el-autocomplete v-model.trim="addPropertyDropdown.name"
|
|
|
:fetch-suggestions="((queryString,cb)=>{querySearchAsync(queryString,cb,addPropertyDropdown.label)})"
|
|
|
@select="handleSelect($event,addPropertyDropdown,'addProperty-dropdown')"
|
|
|
- placeholder=" 请输入实体名称"></el-autocomplete>
|
|
|
+ placeholder="请输入实体名称"></el-autocomplete> -->
|
|
|
+
|
|
|
+ <el-select class="select-entity-name" v-model.trim="addPropertyDropdown.nodeId" filterable remote
|
|
|
+ placeholder="请输入实体名称" @change="addPropertyDropdownValueChange"
|
|
|
+ :remote-method="((query)=>addPropertyDropdownRemoteMethod(query,addPropertyDropdown.label))"
|
|
|
+ :loading="false">
|
|
|
+ <el-option v-for="item in addPropertyDropdownOptions" :key="item.nodeId" :label="item.name"
|
|
|
+ :value="item.nodeId">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+
|
|
|
</div>
|
|
|
<div class="right">
|
|
|
<span class="blue">导出模板</span>
|
|
|
@@ -600,10 +610,11 @@
|
|
|
],
|
|
|
addPropertyDropdown: {
|
|
|
"label": "疾病",
|
|
|
- "nodeId": 0,
|
|
|
+ "nodeId": null,
|
|
|
"name": "",
|
|
|
"property": [{ key: "", value: "" }]
|
|
|
},
|
|
|
+ addPropertyDropdownOptions: [],
|
|
|
addProperty: { //右键属性新增的数据
|
|
|
"label": "",
|
|
|
"nodeId": -1,
|
|
|
@@ -714,6 +725,7 @@
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+
|
|
|
menuSelect: function (item) {
|
|
|
this.currentPage = { ...item }
|
|
|
const { id, title, url } = item
|
|
|
@@ -1060,7 +1072,33 @@
|
|
|
this.dialogVisible = false
|
|
|
this.sendChildWindowMessage("update-graph", "")
|
|
|
}
|
|
|
-
|
|
|
+ },
|
|
|
+ addPropertyDropdownValueChange(value) {
|
|
|
+ for (let i = 0; i < this.addPropertyDropdownOptions.length; i++) {
|
|
|
+ const option = this.addPropertyDropdownOptions[i]
|
|
|
+ if (option.nodeId === value) {
|
|
|
+ this.addPropertyDropdown.name = option.name
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // this.addPropertyDropdownOptions
|
|
|
+ },
|
|
|
+ addPropertyDropdownRemoteMethod(name, label) {
|
|
|
+ axios.post("/api" + api.getNode, {
|
|
|
+ "inputStr": name,
|
|
|
+ "labelName": label
|
|
|
+ }).then(res => {
|
|
|
+ const { msg, code, data } = res.data
|
|
|
+ if (code == '0') {
|
|
|
+ this.addPropertyDropdownOptions = data
|
|
|
+ // data.forEach((el, index) => {
|
|
|
+ // this.addPropertyDropdownOptions.push(
|
|
|
+ // { oldName: el.name, name: "", nodeId: el.nodeId, type: el.label })
|
|
|
+ // })
|
|
|
+ }
|
|
|
+ }).catch(err => {
|
|
|
+ console.log("addPropertyDropdownRemoteMethod的getNode接口出错了", err)
|
|
|
+ })
|
|
|
},
|
|
|
getNode() {
|
|
|
axios.post("/api" + api.getNode, {
|
