|
@@ -1,117 +1,227 @@
|
|
|
<template>
|
|
|
- <a-layout id="components-layout-demo-responsive">
|
|
|
- <!-- 左侧组件栏 default-expand-all-->
|
|
|
-
|
|
|
- <a-layout-sider
|
|
|
- breakpoint="lg"
|
|
|
- collapsed-width="0"
|
|
|
- @collapse="onCollapse"
|
|
|
- @breakpoint="onBreakpoint"
|
|
|
- theme="light"
|
|
|
- v-model="collapsed"
|
|
|
- collapsible
|
|
|
- >
|
|
|
- <div>
|
|
|
- <a-tree
|
|
|
- show-line
|
|
|
- show-icon
|
|
|
- :tree-data="treeData"
|
|
|
- :default-selected-keys="['0-0-0']"
|
|
|
- @select="onSelect"
|
|
|
- >
|
|
|
- <a-icon slot="icon" type="carry-out" />
|
|
|
- </a-tree>
|
|
|
- </div>
|
|
|
- </a-layout-sider>
|
|
|
- <!-- <div class="box" ref="box"> -->
|
|
|
- <!-- <div class="left"> -->
|
|
|
- <!-- 右侧画布 -->
|
|
|
- <div class="content">
|
|
|
- <div class="app-content">
|
|
|
- <div class="box" ref="box">
|
|
|
- <div class="left">
|
|
|
- <!-- <a-layout style="width:'100%',height:'100%',display:'flex'"> -->
|
|
|
- <el-form class="boxform">
|
|
|
- <el-form-item class="boxformitem">
|
|
|
- <!-- 画布上方按钮 undo redo-->
|
|
|
- <el-row>
|
|
|
- <el-button-group>
|
|
|
- <el-button
|
|
|
- plain
|
|
|
- type="primary"
|
|
|
- icon="el-icon-arrow-left"
|
|
|
- @click="onUndo"
|
|
|
- ></el-button>
|
|
|
- <el-button type="primary" @click="onRedo" plain
|
|
|
- ><i class="el-icon-arrow-right el-icon--right"></i
|
|
|
- ></el-button>
|
|
|
- <el-button type="primary" @click="onRun">提交</el-button>
|
|
|
- <el-button type="primary" @click="onPrimary"
|
|
|
- >保存</el-button
|
|
|
- >
|
|
|
- <el-button type="info" @click="onCancel">取消</el-button>
|
|
|
- <el-button type="info" @click="onGetcontour"
|
|
|
- >示例</el-button
|
|
|
- >
|
|
|
- <el-button
|
|
|
- type="info"
|
|
|
- @click="onCleargraph"
|
|
|
- icon="el-icon-delete"
|
|
|
- >清空</el-button
|
|
|
- >
|
|
|
-
|
|
|
- <el-button type="info" @click="getParaTemp()"
|
|
|
- >获得代码模板</el-button
|
|
|
+ <div class="mod-demo-echarts">
|
|
|
+ <el-breadcrumb class="divi2" separator-class="el-icon-arrow-right">
|
|
|
+ <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
|
|
|
+ <el-breadcrumb-item :to="{ path: '/visi-design' }"
|
|
|
+ >可视化设计</el-breadcrumb-item
|
|
|
+ >
|
|
|
+ <el-breadcrumb-item>实验设置</el-breadcrumb-item>
|
|
|
+ </el-breadcrumb>
|
|
|
+ <el-divider class="divi"></el-divider>
|
|
|
+ <!-- <design-graph></design-graph> -->
|
|
|
+ <!-- <design-graph-1 :visible.sync="designgraphvisi" v-if="designgraphvisi" ref="designgraph"></design-graph-1> -->
|
|
|
+
|
|
|
+ <a-layout id="components-layout-demo-responsive">
|
|
|
+ <!-- 左侧组件栏 default-expand-all-->
|
|
|
+
|
|
|
+ <a-layout-sider
|
|
|
+ breakpoint="lg"
|
|
|
+ collapsed-width="0"
|
|
|
+ @collapse="onCollapse"
|
|
|
+ @breakpoint="onBreakpoint"
|
|
|
+ theme="light"
|
|
|
+ v-model="collapsed"
|
|
|
+ collapsible
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ <a-tree
|
|
|
+ show-line
|
|
|
+ show-icon
|
|
|
+ :tree-data="treeData"
|
|
|
+ :default-selected-keys="['0-0-0']"
|
|
|
+ @select="onSelect"
|
|
|
+ >
|
|
|
+ <a-icon slot="icon" type="carry-out" />
|
|
|
+ </a-tree>
|
|
|
+ </div>
|
|
|
+ </a-layout-sider>
|
|
|
+ <!-- <div class="box" ref="box"> -->
|
|
|
+ <!-- <div class="left"> -->
|
|
|
+ <!-- 右侧画布 -->
|
|
|
+ <div class="content">
|
|
|
+ <div class="app-content">
|
|
|
+ <div class="box" ref="box">
|
|
|
+ <div class="left">
|
|
|
+ <!-- <a-layout style="width:'100%',height:'100%',display:'flex'"> -->
|
|
|
+ <el-form class="boxform">
|
|
|
+ <el-form-item class="boxformitem">
|
|
|
+ <!-- 画布上方按钮 undo redo-->
|
|
|
+ <el-row>
|
|
|
+ <el-tooltip
|
|
|
+ content="提交"
|
|
|
+ placement="bottom-end"
|
|
|
+ effect="dark"
|
|
|
>
|
|
|
- <el-button
|
|
|
- type="info"
|
|
|
- @click="getworkflowContent"
|
|
|
- icon="el-icon-document"
|
|
|
- >日志</el-button
|
|
|
+ <i
|
|
|
+ @click="onRun"
|
|
|
+ style="
|
|
|
+ height: 50px;
|
|
|
+ width: 50px;
|
|
|
+ margin: 10px 5px 10px 10px;
|
|
|
+ font-size: 23px;
|
|
|
+ "
|
|
|
+ class="iconfont icon-yunXang"
|
|
|
+ ></i>
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip
|
|
|
+ content="保存"
|
|
|
+ placement="bottom-end"
|
|
|
+ effect="dark"
|
|
|
>
|
|
|
- <el-button
|
|
|
- type="info"
|
|
|
- @click="getgraphContentcenter"
|
|
|
- icon="el-icon-document"
|
|
|
- >节点居中</el-button
|
|
|
+ <i
|
|
|
+ @click="onPrimary"
|
|
|
+ style="
|
|
|
+ height: 25px;
|
|
|
+ width: 25px;
|
|
|
+ margin: 10px 5px 10px 10px;
|
|
|
+ font-size: 23px;
|
|
|
+ "
|
|
|
+ class="el-icon-document-checked"
|
|
|
+ >
|
|
|
+ </i>
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip content="取消" effect="dark">
|
|
|
+ <i
|
|
|
+ @click="onCancel"
|
|
|
+ style="
|
|
|
+ height: 25px;
|
|
|
+ width: 25px;
|
|
|
+ margin: 10px 5px 10px 10px;
|
|
|
+ font-size: 23px;
|
|
|
+ "
|
|
|
+ class="el-icon-error"
|
|
|
+ >
|
|
|
+ </i>
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip content="<" effect="dark">
|
|
|
+ <i
|
|
|
+ @click="onUndo"
|
|
|
+ style="
|
|
|
+ height: 25px;
|
|
|
+ width: 25px;
|
|
|
+ margin: 10px 5px 10px 10px;
|
|
|
+ font-size: 23px;
|
|
|
+ "
|
|
|
+ class="el-icon-arrow-left"
|
|
|
+ >
|
|
|
+ </i>
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip content=">" effect="dark">
|
|
|
+ <i
|
|
|
+ @click="onRedo"
|
|
|
+ style="
|
|
|
+ height: 25px;
|
|
|
+ width: 25px;
|
|
|
+ margin: 10px 5px 10px 10px;
|
|
|
+ font-size: 23px;
|
|
|
+ "
|
|
|
+ class="el-icon-arrow-right"
|
|
|
+ >
|
|
|
+ </i>
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip content="示例" effect="dark">
|
|
|
+ <i
|
|
|
+ @click="onGetcontour"
|
|
|
+ style="
|
|
|
+ height: 25px;
|
|
|
+ width: 25px;
|
|
|
+ margin: 10px 5px 10px 10px;
|
|
|
+ font-size: 23px;
|
|
|
+ "
|
|
|
+ class="el-icon-notebook-2"
|
|
|
+ >
|
|
|
+ </i>
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip content="清空" effect="dark">
|
|
|
+ <i
|
|
|
+ @click="onCleargraph"
|
|
|
+ style="
|
|
|
+ height: 25px;
|
|
|
+ width: 25px;
|
|
|
+ margin: 10px 5px 10px 10px;
|
|
|
+ font-size: 23px;
|
|
|
+ "
|
|
|
+ class="el-icon-delete"
|
|
|
+ >
|
|
|
+ </i>
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip content="获取代码模板" effect="dark">
|
|
|
+ <i
|
|
|
+ @click="getParaTemp()"
|
|
|
+ style="
|
|
|
+ height: 25px;
|
|
|
+ width: 25px;
|
|
|
+ margin: 10px 5px 10px 10px;
|
|
|
+ font-size: 23px;
|
|
|
+ "
|
|
|
+ class="el-icon-tickets"
|
|
|
+ >
|
|
|
+ </i>
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip content="日志" effect="dark">
|
|
|
+ <i
|
|
|
+ @click="getworkflowContent"
|
|
|
+ style="
|
|
|
+ height: 25px;
|
|
|
+ width: 25px;
|
|
|
+ margin: 10px 5px 10px 10px;
|
|
|
+ font-size: 23px;
|
|
|
+ "
|
|
|
+ class="el-icon-document"
|
|
|
+ >
|
|
|
+ </i>
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip content="节点居中" effect="dark">
|
|
|
+ <i
|
|
|
+ @click="getgraphContentcenter"
|
|
|
+ style="
|
|
|
+ height: 25px;
|
|
|
+ width: 25px;
|
|
|
+ margin: 10px 5px 10px 10px;
|
|
|
+ font-size: 23px;
|
|
|
+ "
|
|
|
+ class="iconfont icon-tishi"
|
|
|
+ >
|
|
|
+ </i>
|
|
|
+ </el-tooltip>
|
|
|
+
|
|
|
+ <el-tag
|
|
|
+ :key="workflowstatustag.name"
|
|
|
+ :type="workflowstatustag.type"
|
|
|
+ @click="getWorkflowStatus"
|
|
|
+ >{{ workflowstatustag.name }}</el-tag
|
|
|
>
|
|
|
- </el-button-group>
|
|
|
- <el-tag
|
|
|
- :key="workflowstatustag.name"
|
|
|
- :type="workflowstatustag.type"
|
|
|
- @click="getWorkflowStatus"
|
|
|
- >{{ workflowstatustag.name }}</el-tag
|
|
|
+ </el-row>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="boxformitem">
|
|
|
+ <!-- 画布具体位置 -->
|
|
|
+ <!-- <a-layout-content :style="{ margin: '0px 0px 0' }"> -->
|
|
|
+ <!-- <div :style="{ padding: '24px', background: '#fff', minHeight: '360px' }"> -->
|
|
|
+ <div
|
|
|
+ style="width: 100%; height: 100%; display: flex"
|
|
|
+ :style="{
|
|
|
+ padding: '0px',
|
|
|
+ background: '#fff',
|
|
|
+ minHeight: '800px',
|
|
|
+ }"
|
|
|
>
|
|
|
- </el-row>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item class="boxformitem">
|
|
|
- <!-- 画布具体位置 -->
|
|
|
- <!-- <a-layout-content :style="{ margin: '0px 0px 0' }"> -->
|
|
|
- <!-- <div :style="{ padding: '24px', background: '#fff', minHeight: '360px' }"> -->
|
|
|
- <div
|
|
|
- style="width: 100%; height: 100%; display: flex"
|
|
|
- :style="{
|
|
|
- padding: '0px',
|
|
|
- background: '#fff',
|
|
|
- minHeight: '800px',
|
|
|
- }"
|
|
|
- >
|
|
|
- <!-- content -->
|
|
|
- <!-- 画布 style="width: 100%; height: 100%" class="app-content"-->
|
|
|
- <div id="container" style="flex: 1"></div>
|
|
|
- </div>
|
|
|
- <!-- </a-layout-content> -->
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- <!-- </a-layout> -->
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="resize" title="收缩侧边栏"></div>
|
|
|
- <div class="right">
|
|
|
- <!-- 右侧组件栏 width="290px" style="width: 100%" width="239px" 309px-->
|
|
|
- <ExperimentConfig
|
|
|
+ <!-- content -->
|
|
|
+ <!-- 画布 style="width: 100%; height: 100%" class="app-content"-->
|
|
|
+ <div id="container" style="flex: 1"></div>
|
|
|
+ </div>
|
|
|
+ <!-- </a-layout-content> -->
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <!-- </a-layout> -->
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="resize" title="收缩侧边栏"></div>
|
|
|
+ <div class="right">
|
|
|
+ <!-- 右侧组件栏 width="290px" style="width: 100%" width="239px" 309px-->
|
|
|
+ <ExperimentConfig
|
|
|
v-show="experimentVisi"
|
|
|
ref="experConfig"
|
|
|
+ @primaryExperimentclick="primaryExperimentConfig(arguments)"
|
|
|
></ExperimentConfig>
|
|
|
<NodeConfig
|
|
|
v-show="nodeConfigVisi"
|
|
@@ -123,7 +233,7 @@
|
|
|
ref="newConNodeConfig"
|
|
|
@primaryclick="primaryConNodeConfig(arguments)"
|
|
|
></ConNodeConfig>
|
|
|
- <!-- <a-layout-sider
|
|
|
+ <!-- <a-layout-sider
|
|
|
breakpoint="lg"
|
|
|
theme="light"
|
|
|
width="100%"
|
|
@@ -147,24 +257,28 @@
|
|
|
@primaryclick="primaryConNodeConfig(arguments)"
|
|
|
></ConNodeConfig>
|
|
|
</a-layout-sider> -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <NodeParaTemp v-if="paraTempVisible" ref="paraTemp"></NodeParaTemp>
|
|
|
- <InputNodeConfig
|
|
|
- v-if="inputNodeConVisible"
|
|
|
- ref="inputNodeConfig"
|
|
|
- @refreshinputnode="primaryInputnodeConfig(arguments)"
|
|
|
- ></InputNodeConfig>
|
|
|
- <OutputNodeConfig
|
|
|
- v-if="outputNodeConVisible"
|
|
|
- ref="outputNodeConfig"
|
|
|
- ></OutputNodeConfig>
|
|
|
- <Workflowlog v-if="workflowContentVisi" ref="getworkflowlog"></Workflowlog>
|
|
|
- </a-layout>
|
|
|
- <!-- 弹窗 -->
|
|
|
- <!-- <ConWatch v-if="newWatchVisible" ref="newWatch" @refreshDataList="getDataList"></ConWatch> -->
|
|
|
+ <NodeParaTemp v-if="paraTempVisible" ref="paraTemp"></NodeParaTemp>
|
|
|
+ <InputNodeConfig
|
|
|
+ v-if="inputNodeConVisible"
|
|
|
+ ref="inputNodeConfig"
|
|
|
+ @refreshinputnode="primaryInputnodeConfig(arguments)"
|
|
|
+ ></InputNodeConfig>
|
|
|
+ <OutputNodeConfig
|
|
|
+ v-if="outputNodeConVisible"
|
|
|
+ ref="outputNodeConfig"
|
|
|
+ ></OutputNodeConfig>
|
|
|
+ <Workflowlog
|
|
|
+ v-if="workflowContentVisi"
|
|
|
+ ref="getworkflowlog"
|
|
|
+ ></Workflowlog>
|
|
|
+ </a-layout>
|
|
|
+ <!-- 弹窗 -->
|
|
|
+ <!-- <ConWatch v-if="newWatchVisible" ref="newWatch" @refreshDataList="getDataList"></ConWatch> -->
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
|
|
@@ -206,6 +320,9 @@ export default {
|
|
|
form: this.$form.createForm(this, { name: "coordinated" }),
|
|
|
collapsed: false, //设置左侧侧边栏可收起
|
|
|
|
|
|
+ addorupdate: true,//true表示update,新增 false表示add
|
|
|
+ workflowId: null,//当前工作流id
|
|
|
+ experimentName: "",//当前实验名称
|
|
|
workflowName: "", //当前画布工作流名称
|
|
|
workflowContent: { main: "", wait: "", init: "" }, //当前画布工作流整个日志
|
|
|
workflowContentlog: "",
|
|
@@ -310,6 +427,7 @@ export default {
|
|
|
showLine: true,
|
|
|
showIcon: false,
|
|
|
nodedata: [],
|
|
|
+ imageurl: require("@/assets/img/cnnmnist.svg"),
|
|
|
};
|
|
|
},
|
|
|
components: {
|
|
@@ -325,6 +443,15 @@ export default {
|
|
|
},
|
|
|
activated() {
|
|
|
this.getalgorithmDataList();
|
|
|
+ this.onCleargraph();
|
|
|
+ this.addorupdate = this.$route.query.update;
|
|
|
+ console.log("addorupdate")
|
|
|
+ console.log(this.addorupdate)
|
|
|
+ //路由跳转--如果是修改,则加载画布信息;如果为新建,则不加载
|
|
|
+ if(this.$route.query.update==true){
|
|
|
+ this.initGraph(this.$route.query.winfo);
|
|
|
+
|
|
|
+ }
|
|
|
// this.createGraph();
|
|
|
// this.addalgorithmdata();
|
|
|
},
|
|
@@ -902,6 +1029,11 @@ export default {
|
|
|
scroller: {
|
|
|
enabled: true,
|
|
|
pannable: true,
|
|
|
+ minVisibleHeight: 800,
|
|
|
+ minVisibleWidth: 800,
|
|
|
+ autoResize: true,
|
|
|
+ height: 800,
|
|
|
+ className: "x6-graph-scroller",
|
|
|
},
|
|
|
mousewheel: {
|
|
|
enabled: true,
|
|
@@ -1120,7 +1252,6 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
|
|
|
-
|
|
|
//节点删除 边未完成
|
|
|
graph.on("node:delete", ({ view, e }) => {
|
|
|
e.stopPropagation();
|
|
@@ -3115,8 +3246,20 @@ export default {
|
|
|
//设置布局左右可拖动
|
|
|
let me = this;
|
|
|
me.dragControllerDiv();
|
|
|
+ console.log("yu");
|
|
|
},
|
|
|
methods: {
|
|
|
+ initGraph(info) {
|
|
|
+ //修改当前画布
|
|
|
+ //查询画布数据,导入画布
|
|
|
+ this.workflowId = info.workflowId;
|
|
|
+ this.graph.fromJSON(JSON.parse(info.graphJson).cells);
|
|
|
+ console.log("fromJson"+info.graphJson)
|
|
|
+
|
|
|
+
|
|
|
+ console.log(JSON.parse(info.graphJson).cells)
|
|
|
+
|
|
|
+ },
|
|
|
createGraph() {
|
|
|
const graph = new Graph({
|
|
|
grid: true,
|
|
@@ -3125,9 +3268,9 @@ export default {
|
|
|
// width: 1200,
|
|
|
// height: 750,
|
|
|
autoResize: true,
|
|
|
- panning: {
|
|
|
- enabled: true,
|
|
|
- },
|
|
|
+ // panning: {
|
|
|
+ // enabled: true,
|
|
|
+ // },
|
|
|
resizing: {
|
|
|
enabled: true,
|
|
|
},
|
|
@@ -3342,7 +3485,24 @@ export default {
|
|
|
type: "warning",
|
|
|
})
|
|
|
.then(() => {
|
|
|
+ console.log("任务取消")
|
|
|
+ console.log(this.workflowName);
|
|
|
//确定取消任务后的操作
|
|
|
+ if(this.workflowstatustag.name == "Running" && this.workflowName!=""){
|
|
|
+ this.$http({
|
|
|
+ url: this.$http.adornUrl("/visi/visiworkflow/stopworkflow"),
|
|
|
+ method: "post",
|
|
|
+ data: this.$http.adornData({workflowName: this.workflowName}),
|
|
|
+ }).then(({ data }) => {
|
|
|
+ if (data && data.code === 0) {
|
|
|
+ this.workflowStatus = data.statusPhase;
|
|
|
+ if(this.workflowStatus == "Failed"){
|
|
|
+ Message.success("任务已取消");
|
|
|
+ }
|
|
|
+ console.log("任务已取消")
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
})
|
|
|
.catch(() => {});
|
|
|
},
|
|
@@ -3360,11 +3520,18 @@ export default {
|
|
|
this.$http({
|
|
|
url: this.$http.adornUrl("/visi/visiworkflow/submit"),
|
|
|
method: "post",
|
|
|
- data: this.$http.adornData(this.graph.toJSON()),
|
|
|
+ data: this.$http.adornData({
|
|
|
+ graphJson: JSON.stringify(this.graph.toJSON()),
|
|
|
+ workflowId: this.workflowId,
|
|
|
+ experimentName: this.experimentName,
|
|
|
+ addorupdate: this.addorupdate,
|
|
|
+ }
|
|
|
+ ),
|
|
|
}).then(({ data }) => {
|
|
|
if (data && data.code === 0) {
|
|
|
this.workflowName = data.workflowName;
|
|
|
this.idTemplateNameMap = data.idTemplateNameMap; //节点id与 DAG中task和Template 的对应关系
|
|
|
+ this.workflowId = data.workflowId;//若为新增,返回新增的主键ID workflowId
|
|
|
// 迭代属性名称:
|
|
|
for (let nodeid of Object.keys(this.idTemplateNameMap)) {
|
|
|
var tempname = this.idTemplateNameMap[nodeid];
|
|
@@ -3485,7 +3652,7 @@ export default {
|
|
|
},
|
|
|
//20211109 测试 能否保存至数据库
|
|
|
onPrimary() {
|
|
|
- MessageBox.confirm(`确定进行[退出]操作?`, "提示", {
|
|
|
+ MessageBox.confirm(`确定进行[保存]操作?`, "提示", {
|
|
|
confirmButtonText: "确定",
|
|
|
cancelButtonText: "取消",
|
|
|
type: "warning",
|
|
@@ -3497,7 +3664,7 @@ export default {
|
|
|
data: this.$http.adornData({
|
|
|
userId: this.$store.state.user.id,
|
|
|
workflowId: undefined,
|
|
|
- experimentName: "实验1",
|
|
|
+ experimentName: this.experimentName,
|
|
|
workflowtempName: "",
|
|
|
workflowName: "",
|
|
|
graphJson: JSON.stringify(this.graph.toJSON()),
|
|
@@ -5672,9 +5839,17 @@ export default {
|
|
|
// scopedSlots: { icon: "custom" },
|
|
|
// });
|
|
|
console.log(this.treeData);
|
|
|
- var imageurl =
|
|
|
- "/src/assets/img/" + this.algorithmdataList[i].algonodeName + ".svg";
|
|
|
+ // var imageurl =
|
|
|
+ // "/src/assets/img/" + this.algorithmdataList[i].algonodeName + ".svg";
|
|
|
//节点名称后跟随机参数
|
|
|
+ if (
|
|
|
+ this.algorithmdataList[i].algotreetype != "传统算法" &&
|
|
|
+ this.algorithmdataList[i].algotreetype != "智能应用"
|
|
|
+ ) {
|
|
|
+ this.imageurl = require("@/assets/img/visisvg/" +
|
|
|
+ this.algorithmdataList[i].algonodeName +
|
|
|
+ ".svg");
|
|
|
+ }
|
|
|
|
|
|
var newalgonode = this.graph.createNode({
|
|
|
x: 0,
|
|
@@ -5699,16 +5874,9 @@ export default {
|
|
|
// fill: "#DA2625",
|
|
|
// },
|
|
|
image: {
|
|
|
- "xlink:href":
|
|
|
- "https://gw.alipayobjects.com/zos/bmw-prod/6eb71764-18ed-4149-b868-53ad1542c405.svg",
|
|
|
+ "xlink:href": this.imageurl,
|
|
|
+ // "https://gw.alipayobjects.com/zos/bmw-prod/6eb71764-18ed-4149-b868-53ad1542c405.svg",
|
|
|
// "src/views/modules/visi/visisvg/算法.svg", /src/assets/img/ ../../../assets/img/
|
|
|
- // href:
|
|
|
- // "src/views/modules/visi/visisvg/" +
|
|
|
- // this.algorithmdataList[i].algonodeName +
|
|
|
- // ".svg",
|
|
|
-
|
|
|
- // "https://gw.alipayobjects.com/zos/bmw-prod/6eb71764-18ed-4149-b868-53ad1542c405.svg",
|
|
|
- // "xlink:href": "https://gw.alipayobjects.com/os/s/prod/antv/assets/image/logo-with-text-73b8a.svg",
|
|
|
//可放图标
|
|
|
},
|
|
|
},
|
|
@@ -5850,6 +6018,14 @@ export default {
|
|
|
// })
|
|
|
},
|
|
|
|
|
|
+ //保存实验名称
|
|
|
+ primaryExperimentConfig(args) {
|
|
|
+ console.log("保存实验名称");
|
|
|
+ console.log(args);
|
|
|
+ this.experimentName = args[0];
|
|
|
+ console.log(this.experimentName);
|
|
|
+ },
|
|
|
+
|
|
|
//20210810 保存条件节点设置
|
|
|
primaryConNodeConfig(args) {
|
|
|
this.graph
|
|
@@ -6688,5 +6864,41 @@ export default {
|
|
|
border-width: 1px;
|
|
|
border-color: #dcdfe6;
|
|
|
}
|
|
|
+// .el-icon-video-play:before {
|
|
|
+// content: "提交";
|
|
|
+// }
|
|
|
+.mod-demo-echarts {
|
|
|
+ > .el-alert {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ > .el-row {
|
|
|
+ margin-top: -10px;
|
|
|
+ margin-bottom: -10px;
|
|
|
+ .el-col {
|
|
|
+ padding-top: 10px;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .chart-box {
|
|
|
+ min-height: 400px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.divi {
|
|
|
+ display: block;
|
|
|
+ height: 1px;
|
|
|
+ width: 100%;
|
|
|
+ margin: 24px 0;
|
|
|
+ background-color: #dcdfe6;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.divi2 {
|
|
|
+ display: block;
|
|
|
+ height: 1px;
|
|
|
+ width: 100%;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.x6-graph-scroller {
|
|
|
+ min-height: 800px;
|
|
|
+}
|
|
|
</style>
|
|
|
|