yuzhantian
/
topology-vue-js
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

修改use的使用方式，以及最新图标的修改

This commit is contained in:
SignDawn 2021-03-16 10:54:36 +08:00
parent 2e68e4d887
commit 1348bf2a97
2 changed files with 57 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
public/index.html
View File

@ -1,30 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
<!-- 通用字体图标 -->
<link
href="//at.alicdn.com/t/font_2030495_pwo1zu1ka1.css"
rel="stylesheet"
/>
<!-- 通用基础图形库 -->
<link
href="//at.alicdn.com/t/font_1331132_qhyav2o6mp.css"
rel="stylesheet"
/>
<!-- 其他图形库在此补充，例如企业字体图形库 -->
href="//at.alicdn.com/t/font_2030495_6swk6vyrz4.css"
rel="stylesheet"
/>
<!-- 通用基础图形库 -->
<link
href="//at.alicdn.com/t/font_1331132_qhyav2o6mp.css"
rel="stylesheet"
/>
<!-- 其他图形库在此补充，例如企业字体图形库 -->
<title><%= htmlWebpackPlugin.options.title %></title>
</head>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
<strong
>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
properly without JavaScript enabled. Please enable it to
continue.</strong
>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->

69
src/views/Home.vue
View File

@ -16,25 +16,30 @@
import topology from 'topology-vue';
// 需要导入topology-vue.css
import 'topology-vue/topology-vue.css';
import Vue from 'vue';
Vue.use(topology);
import { defalutMenus, defalutUserMenus, defalutMaterials, userMaterials, images } from './data';
import {
defalutMenus,
defalutUserMenus,
defalutMaterials,
userMaterials,
images,
} from './data';
export default {
name: 'Home',
components: {
topology
},
data: function() {
data: function () {
return {
topologyConfigs: {
license: {
key: '企业版授权码',
value: '国产原创开源发展做出我们的贡献'
value: '国产原创开源发展做出我们的贡献',
},
logo: {
img: 'http://topology.le5le.com/assets/img/favicon.ico',
url: 'http://topology.le5le.com',
target: '_blank'
target: '_blank',
},
menus: defalutMenus,
loginUrl: 'https://account.le5le.com',
@ -49,20 +54,24 @@ export default {
// 根据实际业务场景 + 参数返回数组对象。
// Do sth.
// ************
return [{
label: '选项1',
value: 1
}, {
label: '选项2',
value: 2
}, {
label: '选项3',
value: 3
}];
}
return [
{
label: '选项1',
value: 1,
},
{
label: '选项2',
value: 2,
},
{
label: '选项3',
value: 3,
},
];
},
},
user: {
username: 'le5le'
username: 'le5le',
},
materials: {
system: defalutMaterials,
@ -70,19 +79,19 @@ export default {
images,
uploadUrl: '/api/file',
uploadHeaders: {
Authorization: 'your token'
Authorization: 'your token',
},
uploadParams: {
mydata: 1
}
mydata: 1,
},
},
data: {}
data: {},
};
},
created: function() {
created: function () {
window.registerTools();
const groups = {};
window.topologyTools.forEach(o => {
window.topologyTools.forEach((o) => {
groups[o.subClassName] = groups[o.subClassName] || [];
groups[o.subClassName].push(o);
});
@ -91,7 +100,7 @@ export default {
name: key,
expand: true,
show: true,
list: groups[key]
list: groups[key],
});
}
@ -126,7 +135,7 @@ export default {
// Do sth. For example:
this.$router.push({
path: '/',
query: { component: '1' }
query: { component: '1' },
});
break;
@ -162,15 +171,15 @@ export default {
window.topologyData = window.topology.data;
this.$router.push({
path: '/preview',
query: { id: 'xxx', r: '1' }
query: { id: 'xxx', r: '1' },
});
break;
// ...
// ...
}
}
}
},
},
};
</script>
<style lang="scss">