输出

src/views/dashboard-kettle/components/designer/mxgraphDesigner.vue

@@ -812,27 +812,27 @@
     <outDialog
     <outDialog
       ref="tableOutPut"
       ref="tableOutPut"
       :tableOutPutVisible.sync="tableOutPutVisible"
       :tableOutPutVisible.sync="tableOutPutVisible"
-      :graph.sync="graph" :doubleClickCell="doubleClickCell"  :getXmlVal="getXmlVal" @fathertrans="fathertrans" ></outDialog>
+      :saveOutputDialog="saveOutputDialog" :graph.sync="graph" :doubleClickCell="doubleClickCell"  :getXmlVal="getXmlVal" @fathertrans="fathertrans" ></outDialog>
     <insertOrUpdate
     <insertOrUpdate
       ref="insertOrdate"
       ref="insertOrdate"
       :InsertOrUpdateVisible.sync="InsertOrUpdateVisible"
       :InsertOrUpdateVisible.sync="InsertOrUpdateVisible"
-    ></insertOrUpdate>
+    :saveOutputDialog="saveOutputDialog" :doubleClickCell="doubleClickCell"></insertOrUpdate>
     <excelOutPutDialog
     <excelOutPutDialog
       ref="excelOut"
       ref="excelOut"
       :excelOutPutVisible.sync="excelOutPutVisible"
       :excelOutPutVisible.sync="excelOutPutVisible"
-    ></excelOutPutDialog>
+    :saveOutputDialog="saveOutputDialog" :doubleClickCell="doubleClickCell"></excelOutPutDialog>
     <updateDialog
     <updateDialog
       ref="update"
       ref="update"
       :updateVisible.sync="updateVisible"
       :updateVisible.sync="updateVisible"
-    ></updateDialog>
-    <synDialog ref="syn" :synVisible.sync="synVisible"></synDialog>
-    <delDialog ref="del" :deleteVisible.sync="deleteVisible"></delDialog>
-    <sqlDialog ref="sql" :sqlVisible.sync="sqlVisible"></sqlDialog>
+    :saveOutputDialog="saveOutputDialog" :doubleClickCell="doubleClickCell"></updateDialog>
+    <synDialog ref="syn" :synVisible.sync="synVisible" :saveOutputDialog="saveOutputDialog" :doubleClickCell="doubleClickCell"></synDialog>
+    <delDialog ref="del" :deleteVisible.sync="deleteVisible" :saveOutputDialog="saveOutputDialog" :doubleClickCell="doubleClickCell"></delDialog>
+    <sqlDialog ref="sql" :sqlVisible.sync="sqlVisible" :saveOutputDialog="saveOutputDialog" :doubleClickCell="doubleClickCell"></sqlDialog>
     <textFileDialog
     <textFileDialog
       ref="textFile"
       ref="textFile"
       :fileVisible.sync="fileVisible"
       :fileVisible.sync="fileVisible"
-    ></textFileDialog>
-    <microDialog ref="mic" :microVisible.sync="microVisible"></microDialog>
+    :saveOutputDialog="saveOutputDialog"></textFileDialog>
+    <microDialog ref="mic" :microVisible.sync="microVisible" :saveOutputDialog="saveOutputDialog"></microDialog>
 
 
     <!-- 输出弹窗end================== -->
     <!-- 输出弹窗end================== -->
       <!-- 转换弹窗开始 -->
       <!-- 转换弹窗开始 -->
@@ -900,6 +900,7 @@ const {
   mxGeometry,
   mxGeometry,
 } = mxgraph;
 } = mxgraph;
 
 
+
 export default {
 export default {
   // props: {
   // props: {
   //   dialogVisibleFourth: {
   //   dialogVisibleFourth: {
@@ -1239,7 +1240,7 @@ export default {
 
 
       this.graph.convertValueToString = (cell) => {
       this.graph.convertValueToString = (cell) => {
 
 
-console.log(cell.value.attributes,99999999999999);
+// console.log(cell.value.attributes,99999999999999);
 
 
 
 
 
 
@@ -1297,7 +1298,7 @@ console.log(cell.value.attributes,99999999999999);
         const cell = this.R.pathOr([], ["properties", "cell"], evt);
         const cell = this.R.pathOr([], ["properties", "cell"], evt);
         
         
         console.info(cell); // 在控制台输出双击的cell
         console.info(cell); // 在控制台输出双击的cell
-        this.setXml();
+        // this.setXml();
         this.doubleClickCell=cell;
         this.doubleClickCell=cell;
 
 
         // 获取接口数据
         // 获取接口数据
@@ -1801,6 +1802,27 @@ console.log(cell.value.attributes,99999999999999);
       //         })
       //         })
       //         .catch(() => {});
       //         .catch(() => {});
     },
     },
+
+
+
+    //输出组件保存************************
+    saveOutputDialog(params){
+      // var graph = getActiveGraph().getGraph();
+      var outPutForm=params;
+			this.graph.getModel().beginUpdate();
+	        try
+	        {
+	        	
+	        	for(var name in outPutForm) {
+					var edit = new mxCellAttributeChange(this.doubleClickCell, name, outPutForm[name]);
+	            	this.graph.getModel().execute(edit);
+				}
+	        } finally
+	        {
+	            this.graph.getModel().endUpdate();
+	        }
+    }
+    //输出组件保存******************/
   },
   },
 };
 };
 </script>
 </script>

src/views/output-dialog/table-out.vue

@@ -324,7 +324,8 @@ export default ({
         explorer:Function,
         explorer:Function,
         graph:Object,
         graph:Object,
         doubleClickCell:Object,
         doubleClickCell:Object,
-        getXmlVal:String
+        getXmlVal:String,
+        saveOutputDialog:Function
 
 
     },
     },
     mounted(){
     mounted(){
@@ -340,7 +341,9 @@ export default ({
     },
     },
     methods:{
     methods:{
         confirm(){
         confirm(){
+          this.tableOutForm.label=this.doubleClickCell.title;
           console.log('表输出表单数据=====',this.tableOutForm)
           console.log('表输出表单数据=====',this.tableOutForm)
+          this.saveOutputDialog(this.tableOutForm);
         },
         },
         radioChoose(val){
         radioChoose(val){
           let that = this 
           let that = this