属性修改

public/drawio/extention/js/exFormat.js

@@ -28,7 +28,7 @@ const initAttributePanel = function(that) {
 	// var ss = that.editorUi.getSelectionState();
 	
 	const objectTag = cell.value;
-
+  let parentElementOptions = []; // 上级元素
 	//元素名称--------------------------------------------------------------------------
 	// const labelName = graph.getLabel(graph.getSelectionCell());//获取节点名称
 	// const nodeName = labelName.replace(/<[^>]+>/g, '');
@@ -323,6 +323,10 @@ const initAttributePanel = function(that) {
         case '上级元素':
           valueSelect2.style.cssText = baseEleStyle;
           valueSelect2.value = value
+          
+          valueSelect2.onchange = function (e) {
+            parentElementChange(e.target.value)
+          }
           infoItemContain.appendChild(valueSelect2);
           break
         case '上级资产':
@@ -352,10 +356,14 @@ const initAttributePanel = function(that) {
         success: function (res) {
           if(res.code === 200) {
             const archiData = res.data;
-            archiData.forEach(v => {
+            archiData.forEach((v, i) => {
               var option1 = document.createElement("option");
               option1.value = v.elementId;
               option1.text = v.elementName;
+              if(v.elementName == c.value) {
+                c.text = v.elementName
+                c.options[i].selected = true
+              }
               c.appendChild(option1);
             })
           }
@@ -433,7 +441,7 @@ const addListPanel = function(that, originAttr, attrName_, attrValue_, controlTy
 			item_right_input.style.cssText = 'width: 100%;height:20px';
 			item_right_input.className = 'attrValue';
 			item_right_input.oninput = function (e) {
-				const res = originAttr.find(item => item.cnName == attrName_);
+				const res = originAttr.find(item => item.cnName || item.name == attrName_);
 				res.value_ = e.target.value;
 			}
 			item_right_container.appendChild(item_right_input);
@@ -446,7 +454,7 @@ const addListPanel = function(that, originAttr, attrName_, attrValue_, controlTy
 			item_right_textarea.style.cssText = 'width: 100%;background: #ffffff;';
 			// item_right_textarea.className = 'attrValue';
 			item_right_textarea.oninput = function (e) {
-				const res = originAttr.find(item => item.cnName == attrName_);
+				const res = originAttr.find(item => item.cnName || item.name == attrName_);
 				res.value_ = e.target.value;
 			}
 			item_right_container.appendChild(item_right_textarea);
@@ -515,9 +523,76 @@ const addListPanel = function(that, originAttr, attrName_, attrValue_, controlTy
 	add_item_container.appendChild(item_right_container);
 
 	that.container.appendChild(add_item_container);
-
-
-
+}
+// 获取上级元素
+function  getParentElementOptions(item) {
+  $.ajax({
+    method: 'post',
+    url: `http://${ajaxUrl}/eadc-shared-ability/arc-ast-info/qyLastEle`,
+    data: JSON.stringify({eleName: item && item.elementName}),
+    contentType: 'application/json',
+    success: function (res) {
+      if(res.code === 200) {
+        parentElementOptions = res.data
+        if (!parentElementOptions.length) {
+          // 没有上级元素时，上级节点查对应所属元素下的所有上级节点
+          parentElementChange(item && item.elementName)
+        }
+      }
+    },
+    error: function (error) {
+      console.error(error)
+    },
+  })
+}
+// 上级元素change事件
+function parentElementChange(eleName) {
+  //上级节点下拉框值
+  const params = {
+    archiType: getArchiType(),
+    archiAssetState: 2,
+    archiStage: 1,
+    eleName,
+  }
+  $.ajax({
+    method: 'post',
+    url: `http://${ajaxUrl}/eadc-shared-ability/arc-ast-info/qryByTree`,
+    data: JSON.stringify(params),
+    contentType: 'application/json',
+    success: function (res) {
+      if(res.code === 200) {
+        this.treeSelectData = res.data
+      }
+    },
+    error: function (error) {
+      console.error(error)
+    },
+  })
+}
+function getArchiType() {
+  const { info }  = urlParams
+  let archiType = ''
+  switch (info) {
+    case '5':
+      archiType = 'ARCHI_SAFE'
+      break
+    case '4':
+      archiType = 'ARCHI_TECHNOLOGY'
+
+      break
+    case '3':
+      archiType = 'ARCHI_DATA'
+
+      break
+    case '2':
+      archiType = 'ARCHI_APPLICATION'
+
+      break
+    case '1':
+      archiType = 'ARCHI_BUSINESS'
+      break
+  }
+  return archiType
 }
 //初始化右侧属性面板控件
 // const attributeNode = function(that, label3, div, ui, addClickHandler, idx) {

public/drawio/extention/js/exMenus.js

@@ -105,8 +105,8 @@ function propertyTransferMenuAction(editorUi, graph) {//属性传递按钮点击
     {
         if (!graph.isSelectionEmpty())
         {
-            var cells = graph.getSelectionCells();
-            window.parent.postMessage({ type: 'propertyConnect' } , '*');
+            var cell = graph.getSelectionCell();console.log('cell', cell)
+            window.parent.postMessage({ type: 'propertyConnect', data: {value: cell.value}} , '*');
 
             // graph.setCellStyles('property', '属性', [cells[0]]);//设置style里面拼接属性
 

src/views/archi-view-manage/canvas/Add.vue

@@ -65,6 +65,10 @@ export default {
       type: String,
       default: '',
     },
+    assetName: {
+      type: String,
+      default: '',
+    }
   },
   data() {
     return {
@@ -97,6 +101,7 @@ export default {
         {
           label: '资产名称', // label文字
           prop: 'assetName', // 字段名
+          initValue: this.assetName,
           element: 'el-input', // 指定elementui组件
           placeholder: '请填写资产名称', // elementui组件属性
           rules: [{ required: true, trigger: 'blur', message: '不能为空' }],
@@ -395,6 +400,9 @@ export default {
       })
     },
     handleOpen() {
+      this.$nextTick(() => {
+        this.$refs['addForm'].addInitValue()
+      })
       this.getArchiEleOptions()
     },
     handleClose() {

src/views/archi-view-manage/canvas/index.vue

@@ -62,7 +62,7 @@
 				<el-button @click="closeGraphDialog">取消</el-button>
 			</span>
 		</el-dialog> -->
-    <Add title="属性关联" :visible.sync="graph_dialog" />
+    <Add title="属性关联" :asset-name="assetName" :visible.sync="graph_dialog" />
   </div>
 </template>
 
@@ -95,6 +95,7 @@
 				graphList: [],
 				eleLevel: null,
 				status: 1,
+        assetName: ''
 			};
 		},
 		mounted(){
@@ -151,7 +152,8 @@
 				}
 
 				if(e.data.type == 'propertyConnect'){
-					// console.log(JSON.parse(e.data.data))
+					// console.log(e.data.data)
+          this.assetName = e.data.data.value
 					this.graph_dialog = true;
 					this.showCurrentGraph(this.search_select1[0].arciBelongName, 0);
 				}