Commit 31b03938 by ningjihai

数据源类型

parent 98d68d8c
...@@ -70,30 +70,30 @@ const listData = ref([ ...@@ -70,30 +70,30 @@ const listData = ref([
// } // }
] ]
}, },
{ // {
title: 'NoSQL', // title: 'NoSQL',
type: 2, // type: 2,
list: [ // list: [
{ // {
name: 'ES', // name: 'ES',
icon: img.ES, // icon: img.ES,
}, // },
{ // {
name: 'MONGODB', // name: 'MONGODB',
icon: img.MONGODB, // icon: img.MONGODB,
} // }
] // ]
}, // },
{ // {
title: '消息队列', // title: '消息队列',
type: 3, // type: 3,
list: [ // list: [
{ // {
name: 'KAFKA', // name: 'KAFKA',
icon: img.KAFKA, // icon: img.KAFKA,
} // }
] // ]
} // }
]) ])
const hadoopData = reactive({ const hadoopData = reactive({
...@@ -176,7 +176,7 @@ const modalConfirm = () => { ...@@ -176,7 +176,7 @@ const modalConfirm = () => {
<img class="img" :src="liItem.icon" :alt="liItem.name" @click="editTo(liItem, item.type)" v-for="(liItem, i) in item.list" :key="i"> <img class="img" :src="liItem.icon" :alt="liItem.name" @click="editTo(liItem, item.type)" v-for="(liItem, i) in item.list" :key="i">
</div> </div>
</div> </div>
<div class="title">Hadoop品牌:<span class="data-base-name">{{ hadoopData.index !== null ? hadoopData.list[hadoopData.index].name : '' }}</span></div> <!-- <div class="title">Hadoop品牌:<span class="data-base-name">{{ hadoopData.index !== null ? hadoopData.list[hadoopData.index].name : '' }}</span></div>
<div style="display: inline-block;"> <div style="display: inline-block;">
<div class="hadoop-list-box"> <div class="hadoop-list-box">
<div class="hadoop-item-box" :class="hadoopData.index === index ? 'hadoop-item-box-active' : ''" v-for="(item,index) in hadoopData.list" :key="index" @click="hadoopClick(index)"> <div class="hadoop-item-box" :class="hadoopData.index === index ? 'hadoop-item-box-active' : ''" v-for="(item,index) in hadoopData.list" :key="index" @click="hadoopClick(index)">
...@@ -193,7 +193,7 @@ const modalConfirm = () => { ...@@ -193,7 +193,7 @@ const modalConfirm = () => {
<div v-if="hadoopData.index !== null" style="color: rgb(102, 102, 102); font-size: 16px; font-weight: bold; padding: 10px 0px;">Hadoop</div> <div v-if="hadoopData.index !== null" style="color: rgb(102, 102, 102); font-size: 16px; font-weight: bold; padding: 10px 0px;">Hadoop</div>
<div class="img-warpper" v-if="hadoopData.index !== null"> <div class="img-warpper" v-if="hadoopData.index !== null">
<img class="img" :src="item.icon" :alt="item.name" @click="editTo(item, item.type)" v-for="(item, index) in hadoopData.list[hadoopData.index].list" :key="index"> <img class="img" :src="item.icon" :alt="item.name" @click="editTo(item, item.type)" v-for="(item, index) in hadoopData.list[hadoopData.index].list" :key="index">
</div> </div> -->
</div> </div>
<div v-if="step === 'edit'" style="padding: 30px 150px;"> <div v-if="step === 'edit'" style="padding: 30px 150px;">
<div style="padding-bottom: 20px;"> <div style="padding-bottom: 20px;">
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论