Skip to content

T
topology-ui
提交 b22c8347 authored 作者: jianglw's avatar jianglw
浏览文件
操作

修改部分bug

上级 8616b6b1
隐藏空白字符变更
内嵌 并排
正在显示 包含 133 行增加 和 208 行删除
src/router/index.js
浏览文件 @ b22c8347
......@@ -27,7 +27,7 @@ const routes = [
]
const router = new VueRouter({
mode: 'history',
mode: 'hash',
routes
})
......
src/views/configuration/ParamsConfig.vue
浏览文件 @ b22c8347
<template>
<div class="app-container">
<!-- <el-table v-loading="loading" :data="topologyList">
<el-table-column
label="组态名称"
align="center"
prop="name"
:show-overflow-tooltip="true"
/>
<el-table-column
label="创建时间"
align="center"
prop="createdTime"
:show-overflow-tooltip="true"
/>
<el-table-column
label="修改时间"
align="center"
prop="alterTime"
:show-overflow-tooltip="true"
/>
<el-table-column label="显示/隐藏" align="center">
<template slot-scope="scope" >
<el-switch
v-model="scope.row.switchIt"
active-value="1"
inactive-value="0"
@change="handleSwitchItChange(scope.row)"
></el-switch>
</template>
</el-table-column>
<el-table-column label="数据" align="center">
<template slot-scope="scope" >
<div @click="previeData(scope.row)">
<preview-to-img
slot="cover"
:canvasData="changeJson(scope.row.data)"
:width="'100%'"
:height="'10vh'"
:title="'点击预览'"
></preview-to-img>
</div>
</template>
</el-table-column>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-card>
<el-row :gutter="10" class="mb8">
<el-col :span="24">
<!-- v-hasPermi="['topology:index:add']" -->
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
type="text"
icon="el-icon-s-tools"
@click="uploadTopology(scope.row)"
>修改组态</el-button
@click="addTopology"
>创建组态</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-s-tools"
@click="handleAdd(scope.row)"
>参数设置</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="removeTopology(scope.row.id)"
>删除</el-button
>
</template>
</el-table-column>
</el-table> -->
<el-row :gutter="10" class="mb8">
<el-col :span="24">
<!-- v-hasPermi="['topology:index:add']" -->
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="addTopology"
>创建组态</el-button
>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-card v-loading="loading">
<el-row :gutter="20">
<el-col
:span="6"
v-for="(item, index) of topologyList"
:key="index"
>
<el-card :body-style="{ padding: '0px' }">
<div @click="previeData(item)">
<preview-to-img
:canvasData="changeJson(item.data)"
:width="'100%'"
:height="'20vh'"
:title="'点击预览'"
></preview-to-img>
</div>
<div style="padding: 14px">
<el-row>
<el-col :span="19">
<el-tooltip
class="item"
effect="dark"
:content="item.name"
placement="top-start"
>
<span>{{ splitName(item.name) }}</span>
</el-tooltip>
</el-col>
<el-col :span="4">
<span>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-card v-loading="loading">
<el-row :gutter="20">
<el-col
:span="6"
v-for="(item, index) of topologyList"
:key="index"
>
<el-card :body-style="{ padding: '0px' }">
<div @click="previeData(item)">
<preview-to-img
:canvasData="changeJson(item.data)"
:width="'100%'"
:height="'20vh'"
:title="'点击预览'"
></preview-to-img>
</div>
<div style="padding: 14px">
<el-row>
<el-col :span="19">
<el-tooltip
class="item"
effect="dark"
content="显示/隐藏"
:content="item.name"
placement="top-start"
>
<!-- v-hasPermi="['topology:index:showhide']" -->
<el-switch
v-model="item.switchIt"
active-value="1"
inactive-value="0"
@change="handleSwitchItChange(item)"
></el-switch>
<span>{{ splitName(item.name) }}</span>
</el-tooltip>
</span>
</el-col>
</el-row>
</el-col>
<el-col :span="4">
<span>
<el-tooltip
class="item"
effect="dark"
content="显示/隐藏"
placement="top-start"
>
<!-- v-hasPermi="['topology:index:showhide']" -->
<el-switch
v-model="item.switchIt"
active-value="1"
inactive-value="0"
@change="handleSwitchItChange(item)"
></el-switch>
</el-tooltip>
</span>
</el-col>
</el-row>
<div class="bottom clearfix">
<!-- <time class="time">2021-04-29 00:00:00</time> -->
<!-- v-hasPermi="['topology:index:edit']" -->
<el-button
size="mini"
type="text"
icon="el-icon-s-tools"
@click="uploadTopology(item)"
>修改组态</el-button
>
<!-- v-hasPermi="['topology:params:set']" -->
<el-button
size="mini"
type="text"
icon="el-icon-s-tools"
@click="handleAdd(item)"
>采集参数设置</el-button
>
<!-- v-hasPermi="['topology:index:delete']" -->
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="removeTopology(item.id)"
>删除</el-button
>
<!-- v-hasPermi="['topology:params:set']" -->
<el-button
size="mini"
type="text"
icon="el-icon-s-tools"
@click="handleMutual(item)"
>交互参数设置</el-button
>
<!-- v-hasPermi="['topology:index:deleteTopologyHandle']" -->
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="removeTopologyHandle(item.id)"
>清空原有配置</el-button
>
<div class="bottom clearfix">
<!-- <time class="time">2021-04-29 00:00:00</time> -->
<!-- v-hasPermi="['topology:index:edit']" -->
<el-button
size="mini"
type="text"
icon="el-icon-s-tools"
@click="uploadTopology(item)"
>修改组态</el-button
>
<!-- v-hasPermi="['topology:params:set']" -->
<el-button
size="mini"
type="text"
icon="el-icon-s-tools"
@click="handleAdd(item)"
>采集参数设置</el-button
>
<!-- v-hasPermi="['topology:index:delete']" -->
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="removeTopology(item.id)"
>删除</el-button
>
<!-- v-hasPermi="['topology:params:set']" -->
<el-button
size="mini"
type="text"
icon="el-icon-s-tools"
@click="handleMutual(item)"
>交互参数设置</el-button
>
<!-- v-hasPermi="['topology:index:deleteTopologyHandle']" -->
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="removeTopologyHandle(item.id)"
>清空原有配置</el-button
>
</div>
</div>
</div>
</el-card>
</el-col>
</el-row>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="init()"
/>
</el-card>
</el-col>
</el-row>
</el-card>
</el-col>
</el-row>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="init()"
/>
</el-card>
</el-col>
</el-row>
</el-card>
<add-params ref="addParams" @ok="paramsSet"></add-params>
<add-mutual ref="addMutual" @ok="mutualSet"></add-mutual>
</div>
......@@ -206,28 +129,31 @@
<script>
import AddParams from "./modules/AddParams.vue";
import AddMutual from "./modules/AddMutual.vue"
import AddMutual from "./modules/AddMutual.vue";
import Pagination from "@/components/Pagination";
import PreviewToImg from "@/components/topology/PreviewToImg.vue";
import {deleteTopologyHandle,list,deleteTopology} from "@/api/topology.js"
import {encryption,decrypt} from "@/utils/rsautils.js";
import { deleteTopologyHandle, list, deleteTopology } from "@/api/topology.js";
export default {
name: "ParamsConfig",
props:{
editorUrl:{
type:String,
default:()=>{return "/toplogyView/workspace"}
props: {
editorUrl: {
type: String,
default: () => {
return "/toplogyView/workspace";
},
},
previewUrl: {
type: String,
default: () => {
return "/toplogyView/preview";
},
},
previewUrl:{
type:String,
default:()=>{return "/toplogyView/preview"}
}
},
components: {
AddParams,
PreviewToImg,
AddMutual,
Pagination
Pagination,
},
data() {
return {
......@@ -319,7 +245,7 @@ export default {
});
});
},
removeTopologyHandle(id){
removeTopologyHandle(id) {
this.$confirm("确认要删除原有配置吗?", "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
......@@ -343,15 +269,15 @@ export default {
this.$message.warning("未设置webscoket或mqttUrl");
return;
}
console.log(this.$refs)
console.log(this.$refs);
this.$refs.addParams.update(row);
},
handleMutual(row){
handleMutual(row) {
this.$refs.addMutual.init(row);
},
mutualSet(){
mutualSet() {
this.init();
}
},
},
};
</script>
......
src/views/topology/Workspace.vue
浏览文件 @ b22c8347
......@@ -248,7 +248,6 @@ import NodeView from "@/components/topology/NodeView.vue";
import LineView from "@/components/topology/LineView.vue";
import PensView from "@/components/topology/PensView.vue";
import { assemble, assembleSvg } from "@/utils/topology/setting.js";
import { encryption, decrypt } from "@/utils/rsautils.js";
import { registerIcons, registerSvgs } from "@/utils/topology/customgraph.js";
import { getTopologyId, save } from "@/api/topology.js";
registerIcons();
......@@ -264,7 +263,7 @@ export default {
props: {
backUrl: {
type: String,
default: "/back",
default: "/",
},
previewUrl: {
type: String,
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论