Commit e8ed1d26 authored by 张伯涛's avatar 张伯涛

修改

parent 51a5843e
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:data="data" :data="data"
show-checkbox show-checkbox
node-key="id" node-key="id"
:default-expanded-keys="[0,1,2, 3,4,7]" :default-expanded-keys="[0,1,2, 3,4,7,10]"
:default-checked-keys="[0,1,2,5]" :default-checked-keys="[0,1,2,5]"
:props="defaultProps" :props="defaultProps"
/> />
...@@ -101,7 +101,7 @@ ...@@ -101,7 +101,7 @@
<el-input v-model="additionalForm.value" /> <el-input v-model="additionalForm.value" />
</el-form-item> </el-form-item>
<el-form-item label="错误频率:"> <el-form-item label="错误频率:">
<el-input style="width: 69%" v-model="additionalForm.value1" /> <el-input v-model="additionalForm.value1" style="width: 69%" />
<el-select <el-select
v-model="additionalForm.value2" v-model="additionalForm.value2"
style="width: 30%" style="width: 30%"
...@@ -214,7 +214,7 @@ ...@@ -214,7 +214,7 @@
<el-input v-model="additionalForm2.value4" /> <el-input v-model="additionalForm2.value4" />
</el-form-item> </el-form-item>
<el-form-item label="错误频率:"> <el-form-item label="错误频率:">
<el-input style="width: 69%" v-model="additionalForm.value1" /> <el-input v-model="additionalForm.value1" style="width: 69%" />
<el-select <el-select
v-model="additionalForm.value2" v-model="additionalForm.value2"
style="width: 30%" style="width: 30%"
...@@ -323,7 +323,7 @@ ...@@ -323,7 +323,7 @@
<el-input v-model="additionalForm.value" /> <el-input v-model="additionalForm.value" />
</el-form-item> </el-form-item>
<el-form-item label="错误频率:"> <el-form-item label="错误频率:">
<el-input style="width: 69%" v-model="additionalForm.value1" /> <el-input v-model="additionalForm.value1" style="width: 69%" />
<el-select <el-select
v-model="additionalForm.value2" v-model="additionalForm.value2"
style="width: 30%" style="width: 30%"
...@@ -431,7 +431,7 @@ ...@@ -431,7 +431,7 @@
<el-input v-model="additionalForm.value" /> <el-input v-model="additionalForm.value" />
</el-form-item> </el-form-item>
<el-form-item label="错误频率:"> <el-form-item label="错误频率:">
<el-input style="width: 69%" v-model="additionalForm.value1" /> <el-input v-model="additionalForm.value1" style="width: 69%" />
<el-select <el-select
v-model="additionalForm.value2" v-model="additionalForm.value2"
style="width: 30%" style="width: 30%"
...@@ -539,7 +539,7 @@ ...@@ -539,7 +539,7 @@
<el-input v-model="additionalForm.value" /> <el-input v-model="additionalForm.value" />
</el-form-item> </el-form-item>
<el-form-item label="错误频率:"> <el-form-item label="错误频率:">
<el-input style="width: 69%" v-model="additionalForm.value1" /> <el-input v-model="additionalForm.value1" style="width: 69%" />
<el-select <el-select
v-model="additionalForm.value2" v-model="additionalForm.value2"
style="width: 30%" style="width: 30%"
...@@ -586,7 +586,7 @@ ...@@ -586,7 +586,7 @@
<el-input v-model="additionalForm.value" /> <el-input v-model="additionalForm.value" />
</el-form-item> </el-form-item>
<el-form-item label="错误频率:"> <el-form-item label="错误频率:">
<el-input style="width: 69%" v-model="additionalForm.value1" /> <el-input v-model="additionalForm.value1" style="width: 69%" />
<el-select <el-select
v-model="additionalForm.value2" v-model="additionalForm.value2"
style="width: 30%" style="width: 30%"
...@@ -623,7 +623,7 @@ ...@@ -623,7 +623,7 @@
<el-input v-model="additionalForm.value" /> <el-input v-model="additionalForm.value" />
</el-form-item> </el-form-item>
<el-form-item label="错误频率:"> <el-form-item label="错误频率:">
<el-input style="width: 69%" v-model="additionalForm.value1" /> <el-input v-model="additionalForm.value1" style="width: 69%" />
<el-select <el-select
v-model="additionalForm.value2" v-model="additionalForm.value2"
style="width: 30%" style="width: 30%"
...@@ -721,7 +721,7 @@ ...@@ -721,7 +721,7 @@
<el-input v-model="additionalForm.value" /> <el-input v-model="additionalForm.value" />
</el-form-item> </el-form-item>
<el-form-item label="错误频率:"> <el-form-item label="错误频率:">
<el-input style="width: 69%" v-model="additionalForm.value1" /> <el-input v-model="additionalForm.value1" style="width: 69%" />
<el-select <el-select
v-model="additionalForm.value2" v-model="additionalForm.value2"
style="width: 30%" style="width: 30%"
...@@ -798,11 +798,11 @@ export default { ...@@ -798,11 +798,11 @@ export default {
return { return {
faultForm: { faultForm: {
value: '', value: '',
value1: '', value1: ''
}, },
faultForm2: { faultForm2: {
value: '', value: '',
value1: '', value1: ''
}, },
additionalForm: { additionalForm: {
value: '', value: '',
...@@ -856,7 +856,7 @@ export default { ...@@ -856,7 +856,7 @@ export default {
}, },
basicForm3: { basicForm3: {
value: '', value: '',
value1: '', value1: ''
}, },
activeNames: ['1', '2', '3', '4'], activeNames: ['1', '2', '3', '4'],
activeNames2: ['1', '2', '3', '4'], activeNames2: ['1', '2', '3', '4'],
...@@ -879,39 +879,57 @@ export default { ...@@ -879,39 +879,57 @@ export default {
}, { }, {
id: 2, id: 2,
label: '交换分区' label: '交换分区'
}, {
id: 13,
label: '物理内存'
}, { }, {
id: 3, id: 3,
label: '一级 1', label: '磁盘',
children: [{ children: [{
id: 4, id: 4,
label: '二级 1-1', label: '/dev/mapper/centos-root (/)',
children: [{ children: [{
id: 5, id: 5,
label: '三级 1-1-1' label: '/dev/sda1 (/boot)'
}, { }, {
id: 6, id: 6,
label: '三级 1-1-2' label: 'devtmpfs (/dev)'
}] }]
}] }]
}, { }, {
id: 7, id: 7,
label: '一级 2', label: '进程',
children: [{ children: [{
id: 8, id: 8,
label: '二级 2-1' label: '/bin/bash /usr/local/JianKongYi/Server/bin/../python/python.sh ../web_terminal/webserver.py'
}, { }, {
id: 9, id: 9,
label: '二级 2-2' label: '/bin/bash /usr/sbin/ksmtuned'
}, {
id: 14,
label: '/bin/ps auxw'
}, {
id: 15,
label: '/sbin/audispd'
}, {
id: 16,
label: '/sbin/rpcbind -w'
}] }]
}, { }, {
id: 10, id: 10,
label: '一级 3', label: '磁盘IO',
children: [{ children: [{
id: 11, id: 11,
label: '二级 3-1' label: 'dm-o'
}, { }, {
id: 12, id: 12,
label: '二级 3-2' label: 'dm-1'
}, {
id: 17,
label: 'scd0'
}, {
id: 18,
label: 'sda'
}] }]
}], }],
defaultProps: { defaultProps: {
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
</el-form> </el-form>
<div class="equipmentBody">Windows 服务器</div> <div class="equipmentBody">Windows 服务器</div>
<div v-for="(item, index) in firstList" :key="index" class="equipmentList"> <div v-for="(item, index) in firstList" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(1)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
</div> </div>
<div class="equipmentBody">Linux 服务器</div> <div class="equipmentBody">Linux 服务器</div>
<div v-for="(item, index) in firstListLinux" :key="index" class="equipmentList"> <div v-for="(item, index) in firstListLinux" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(1)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
</div> </div>
<div class="equipmentBody">IBM 服务器</div> <div class="equipmentBody">IBM 服务器</div>
<div v-for="(item, index) in firstListIBM" :key="index" class="equipmentList"> <div v-for="(item, index) in firstListIBM" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(1)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
</div> </div>
<div class="equipmentBody">HP UX 服务器</div> <div class="equipmentBody">HP UX 服务器</div>
<div v-for="(item, index) in firstListHP" :key="index" class="equipmentList"> <div v-for="(item, index) in firstListHP" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(1)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
</div> </div>
<div class="equipmentBody">FreeBSD 服务器</div> <div class="equipmentBody">FreeBSD 服务器</div>
<div v-for="(item, index) in firstListFree" :key="index" class="equipmentList"> <div v-for="(item, index) in firstListFree" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(1)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
</div> </div>
<div class="equipmentBody">SCO UNIX 服务器</div> <div class="equipmentBody">SCO UNIX 服务器</div>
<div v-for="(item, index) in firstListSCO" :key="index" class="equipmentList"> <div v-for="(item, index) in firstListSCO" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(1)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
</el-form> </el-form>
<div class="equipmentBody">数据库</div> <div class="equipmentBody">数据库</div>
<div v-for="(item, index) in secondList" :key="index" class="equipmentList"> <div v-for="(item, index) in secondList" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(2)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
</div> </div>
<div class="equipmentBody">Web应用</div> <div class="equipmentBody">Web应用</div>
<div v-for="(item, index) in secondListWeb" :key="index" class="equipmentList"> <div v-for="(item, index) in secondListWeb" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(2)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -89,7 +89,7 @@ ...@@ -89,7 +89,7 @@
</div> </div>
<div class="equipmentBody">中间商</div> <div class="equipmentBody">中间商</div>
<div v-for="(item, index) in secondListMiddle" :key="index" class="equipmentList"> <div v-for="(item, index) in secondListMiddle" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(2)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -105,7 +105,7 @@ ...@@ -105,7 +105,7 @@
</el-form> </el-form>
<div class="equipmentBody">设备厂商:迈普自主安全交换机</div> <div class="equipmentBody">设备厂商:迈普自主安全交换机</div>
<div v-for="(item, index) in thirdList" :key="index" class="equipmentList"> <div v-for="(item, index) in thirdList" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(3)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -114,7 +114,7 @@ ...@@ -114,7 +114,7 @@
</div> </div>
<div class="equipmentBody">设备厂商:浪潮</div> <div class="equipmentBody">设备厂商:浪潮</div>
<div v-for="(item, index) in thirdListWave" :key="index" class="equipmentList"> <div v-for="(item, index) in thirdListWave" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(3)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -123,7 +123,7 @@ ...@@ -123,7 +123,7 @@
</div> </div>
<div class="equipmentBody">设备厂商:H3C</div> <div class="equipmentBody">设备厂商:H3C</div>
<div v-for="(item, index) in thirdListH3C" :key="index" class="equipmentList"> <div v-for="(item, index) in thirdListH3C" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(3)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -139,7 +139,7 @@ ...@@ -139,7 +139,7 @@
</el-form> </el-form>
<div class="equipmentBody">防火墙</div> <div class="equipmentBody">防火墙</div>
<div v-for="(item, index) in fourthList" :key="index" class="equipmentList"> <div v-for="(item, index) in fourthList" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(4)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -148,7 +148,7 @@ ...@@ -148,7 +148,7 @@
</div> </div>
<div class="equipmentBody">上网行为管理</div> <div class="equipmentBody">上网行为管理</div>
<div v-for="(item, index) in fourthListSurf" :key="index" class="equipmentList"> <div v-for="(item, index) in fourthListSurf" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(4)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -157,7 +157,7 @@ ...@@ -157,7 +157,7 @@
</div> </div>
<div class="equipmentBody">Web应用防护系统</div> <div class="equipmentBody">Web应用防护系统</div>
<div v-for="(item, index) in fourthListWeb" :key="index" class="equipmentList"> <div v-for="(item, index) in fourthListWeb" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(4)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -173,7 +173,7 @@ ...@@ -173,7 +173,7 @@
</el-form> </el-form>
<div class="equipmentBody">VMware服务器</div> <div class="equipmentBody">VMware服务器</div>
<div v-for="(item, index) in fifthList" :key="index" class="equipmentList"> <div v-for="(item, index) in fifthList" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(5)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -182,7 +182,7 @@ ...@@ -182,7 +182,7 @@
</div> </div>
<div class="equipmentBody">Microsoft</div> <div class="equipmentBody">Microsoft</div>
<div v-for="(item, index) in fifthListMic" :key="index" class="equipmentList"> <div v-for="(item, index) in fifthListMic" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(5)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -191,7 +191,7 @@ ...@@ -191,7 +191,7 @@
</div> </div>
<div class="equipmentBody">Xen</div> <div class="equipmentBody">Xen</div>
<div v-for="(item, index) in fifthListXen" :key="index" class="equipmentList"> <div v-for="(item, index) in fifthListXen" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(5)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -200,7 +200,7 @@ ...@@ -200,7 +200,7 @@
</div> </div>
<div class="equipmentBody">IBM HMC</div> <div class="equipmentBody">IBM HMC</div>
<div v-for="(item, index) in fifthListIBM" :key="index" class="equipmentList"> <div v-for="(item, index) in fifthListIBM" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(5)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -216,7 +216,7 @@ ...@@ -216,7 +216,7 @@
</el-form> </el-form>
<div class="equipmentBody">设备厂商:科士达</div> <div class="equipmentBody">设备厂商:科士达</div>
<div v-for="(item, index) in sixthList" :key="index" class="equipmentList"> <div v-for="(item, index) in sixthList" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(6)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -225,7 +225,7 @@ ...@@ -225,7 +225,7 @@
</div> </div>
<div class="equipmentBody">设备厂商:CSTC</div> <div class="equipmentBody">设备厂商:CSTC</div>
<div v-for="(item, index) in sixthListCSTC" :key="index" class="equipmentList"> <div v-for="(item, index) in sixthListCSTC" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(6)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -234,7 +234,7 @@ ...@@ -234,7 +234,7 @@
</div> </div>
<div class="equipmentBody">设备厂商:通用</div> <div class="equipmentBody">设备厂商:通用</div>
<div v-for="(item, index) in sixthListCurrency" :key="index" class="equipmentList"> <div v-for="(item, index) in sixthListCurrency" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(6)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -243,7 +243,7 @@ ...@@ -243,7 +243,7 @@
</div> </div>
<div class="equipmentBody">设备厂商:APC</div> <div class="equipmentBody">设备厂商:APC</div>
<div v-for="(item, index) in sixthListAPC" :key="index" class="equipmentList"> <div v-for="(item, index) in sixthListAPC" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(6)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -259,7 +259,7 @@ ...@@ -259,7 +259,7 @@
</el-form> </el-form>
<div class="equipmentBody">UPS</div> <div class="equipmentBody">UPS</div>
<div v-for="(item, index) in sevenList" :key="index" class="equipmentList"> <div v-for="(item, index) in sevenList" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(7)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -268,7 +268,7 @@ ...@@ -268,7 +268,7 @@
</div> </div>
<div class="equipmentBody">被动式设备</div> <div class="equipmentBody">被动式设备</div>
<div v-for="(item, index) in sevenListPassive" :key="index" class="equipmentList"> <div v-for="(item, index) in sevenListPassive" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(7)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -277,7 +277,7 @@ ...@@ -277,7 +277,7 @@
</div> </div>
<div class="equipmentBody">自定义</div> <div class="equipmentBody">自定义</div>
<div v-for="(item, index) in sevenListCustom" :key="index" class="equipmentList"> <div v-for="(item, index) in sevenListCustom" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(7)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -286,7 +286,7 @@ ...@@ -286,7 +286,7 @@
</div> </div>
<div class="equipmentBody">天楚云x-sky</div> <div class="equipmentBody">天楚云x-sky</div>
<div v-for="(item, index) in sevenListSky" :key="index" class="equipmentList"> <div v-for="(item, index) in sevenListSky" :key="index" class="equipmentList">
<el-card class="box-card" @click.native="addEquipmentForm"> <el-card class="box-card" @click.native="addEquipmentForm(7)">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -298,26 +298,45 @@ ...@@ -298,26 +298,45 @@
</div> </div>
<el-dialog class="addGroup" width="50%" title="基本设置" :visible.sync="addEqFormDialog" @close="reserForms"> <el-dialog class="addGroup" width="50%" title="基本设置" :visible.sync="addEqFormDialog" @close="reserForms">
<el-form ref="loginFormRef" label-width="auto" :model="addEqForm"> <el-form ref="loginFormRef" label-width="auto" :model="addEqForm">
<el-form-item label="IP地址:" prop="ipPath"> <el-form-item v-if="formType === 6" label="Modbus地址:" prop="value10">
<el-input v-model="addEqForm.value11" />
</el-form-item>
<el-form-item v-if="formType !== 7" label="IP地址:" prop="ipPath">
<el-input v-model="addEqForm.ipPath" /> <el-input v-model="addEqForm.ipPath" />
</el-form-item> </el-form-item>
<el-form-item label="SNMP端口:" prop="SNMP"> <el-form-item v-if="formType === 6" label="TCP端口号:" prop="ipPath">
<el-input v-model="addEqForm.SNMP" /> <el-input v-model="addEqForm.value12" />
</el-form-item> </el-form-item>
<el-form-item label="可读共同体名称:" prop="value"> <el-form-item v-if="formType === 5" label="用户名:" prop="value10">
<el-input v-model="addEqForm.value" /> <el-input v-model="addEqForm.value10" />
</el-form-item> </el-form-item>
<el-form-item label="版本:" prop="value2"> <el-form-item v-if="formType === 5" label="密码:" prop="value11">
<el-input v-model="addEqForm.value11" />
</el-form-item>
<el-form-item v-if="formType === 1" label="Agent端口:" prop="SNMP">
<el-input v-model="addEqForm.value6" />
</el-form-item>
<el-form-item v-if="formType === 1 || formType === 5 || formType === 7" label="设备型号:" prop="value2">
<el-select <el-select
v-model="addEqForm.value2" v-model="addEqForm.value7"
style="width: 100%" style="width: 100%"
> >
<el-option value="v1" label="v1" /> <el-option value="普通设备" label="普通设备" />
<el-option value="v2" label="v2" />
<el-option value="v3" label="v3" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="设备型号:" prop="value3"> <el-form-item v-if="formType === 1|| formType === 4 || formType === 5 || formType === 6 || formType === 7" label="标题:" prop="SNMP">
<el-input v-model="addEqForm.value8" />
</el-form-item>
<el-form-item v-if="formType === 2 || formType === 3|| formType === 4" label="SNMP端口:" prop="SNMP">
<el-input v-model="addEqForm.SNMP" />
</el-form-item>
<el-form-item v-if="formType === 2 || formType === 3|| formType === 4" label="可读共同体名称:" prop="value">
<el-input v-model="addEqForm.value" />
</el-form-item>
<el-form-item v-if="formType === 2 || formType === 3" label="可写共同体名称:" prop="value">
<el-input v-model="addEqForm.value9" />
</el-form-item>
<el-form-item v-if="formType === 2 || formType === 3|| formType === 4" label="设备型号:" prop="value3">
<el-select <el-select
v-model="addEqForm.value3" v-model="addEqForm.value3"
style="width: 100%" style="width: 100%"
...@@ -325,10 +344,17 @@ ...@@ -325,10 +344,17 @@
<el-option value="通用设备" label="通用设备" /> <el-option value="通用设备" label="通用设备" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="标题:" prop="value4"> <el-form-item v-if="formType === 2 || formType === 3|| formType === 4" label="版本:" prop="value2">
<el-input v-model="addEqForm.value4" /> <el-select
v-model="addEqForm.value2"
style="width: 100%"
>
<el-option value="v1" label="v1" />
<el-option value="v2" label="v2" />
<el-option value="v3" label="v3" />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="告警级别:" prop="value5"> <el-form-item v-if="formType === 1|| formType === 4 || formType === 5 || formType === 6 || formType === 7" label="告警级别:" prop="value5">
<el-select <el-select
v-model="addEqForm.value5" v-model="addEqForm.value5"
style="width: 100%" style="width: 100%"
...@@ -352,6 +378,7 @@ export default { ...@@ -352,6 +378,7 @@ export default {
name: 'AddEquipment', name: 'AddEquipment',
data() { data() {
return { return {
formType: '',
addEqFormDialog: false, addEqFormDialog: false,
addEqForm: { addEqForm: {
ipPath: '', ipPath: '',
...@@ -484,7 +511,7 @@ export default { ...@@ -484,7 +511,7 @@ export default {
{ img: require('@/assets/image/img_24.png'), name: '360(waf系列)' }, { img: require('@/assets/image/img_24.png'), name: '360(waf系列)' },
{ img: require('@/assets/image/img_25.png'), name: '天融信堡垒机器(yzh)' }, { img: require('@/assets/image/img_25.png'), name: '天融信堡垒机器(yzh)' },
{ img: require('@/assets/image/img_25.png'), name: '天融信waf(yzh)' }, { img: require('@/assets/image/img_25.png'), name: '天融信waf(yzh)' },
{ img: require('@/assets/image/img_25.png'), name: '天融信堡垒机器' }, { img: require('@/assets/image/img_25.png'), name: '天融信堡垒机器' }
], ],
fifthList: [ fifthList: [
{ img: require('@/assets/image/img_4.png'), name: 'ESX Server' }, { img: require('@/assets/image/img_4.png'), name: 'ESX Server' },
...@@ -554,7 +581,8 @@ export default { ...@@ -554,7 +581,8 @@ export default {
closeAddFormDialog() { closeAddFormDialog() {
this.addEqFormDialog = false this.addEqFormDialog = false
}, },
addEquipmentForm() { addEquipmentForm(type) {
this.formType = type
this.addEqFormDialog = true this.addEqFormDialog = true
}, },
handleClick() { handleClick() {
......
...@@ -3,8 +3,8 @@ ...@@ -3,8 +3,8 @@
<div class="logicalHead"> <div class="logicalHead">
<div class="logicalBtns"> <div class="logicalBtns">
<el-button class="headBtnW" @click="refresh">刷新</el-button> <el-button class="headBtnW" @click="refresh">刷新</el-button>
<el-button v-if="!fullscreen" id="fullscreen_btn" class="headBtnW">全屏</el-button> <el-button v-if="!fullscreen" id="fullscreen_btn" class="headBtnW">全屏</el-button>
<el-button v-if="fullscreen" id="fullscreen_btn2" class="headBtnW">取消全屏</el-button> <el-button v-if="fullscreen" id="fullscreen_btn2" class="headBtnW">取消全屏</el-button>
</div> </div>
</div> </div>
<div class="logicalBody"> <div class="logicalBody">
...@@ -231,25 +231,25 @@ export default { ...@@ -231,25 +231,25 @@ export default {
children: [{ children: [{
id: 111, id: 111,
icon: require('@/assets/image/shebei2-zhengchang.png'), icon: require('@/assets/image/shebei2-zhengchang.png'),
label: '三级 1-1-1' label: '智盘服务器10.1.1.50'
}, { }, {
id: 112, id: 112,
icon: require('@/assets/image/shebei2-zhengchang.png'), icon: require('@/assets/image/shebei2-zhengchang.png'),
label: '三级 1-1-2' label: '127.0.0.1'
}] }]
}, },
{ {
id: 12, id: 12,
icon: require('@/assets/image/shebei9-weixian.png'), icon: require('@/assets/image/shebei9-weixian.png'),
label: '虚拟化平台', label: '虚拟设备(默认每个设备支持5个监测点)',
children: [{ children: [{
id: 121, id: 121,
icon: require('@/assets/image/shebei2-guzhang.png'), icon: require('@/assets/image/shebei2-guzhang.png'),
label: '三级 1-1-1' label: 'ping'
}, { }, {
id: 122, id: 122,
icon: require('@/assets/image/shebei2-guzhang.png'), icon: require('@/assets/image/shebei2-guzhang.png'),
label: '三级 1-1-2' label: 'url'
}] }]
}] }]
}], }],
...@@ -387,7 +387,7 @@ export default { ...@@ -387,7 +387,7 @@ export default {
// 改变当前全屏状态 // 改变当前全屏状态
this.fullscreen = !this.fullscreen this.fullscreen = !this.fullscreen
})// 实现模块全屏 })// 实现模块全屏
}, }
} }
} }
</script> </script>
......
...@@ -178,11 +178,11 @@ export default { ...@@ -178,11 +178,11 @@ export default {
children: [{ children: [{
id: 111, id: 111,
icon: require('@/assets/image/shebei2-zhengchang.png'), icon: require('@/assets/image/shebei2-zhengchang.png'),
label: '三级 1-1-1' label: '智盘服务器10.1.1.50'
}, { }, {
id: 112, id: 112,
icon: require('@/assets/image/shebei2-zhengchang.png'), icon: require('@/assets/image/shebei2-zhengchang.png'),
label: '三级 1-1-2' label: '127.0.0.1'
}] }]
}, },
{ {
...@@ -192,11 +192,11 @@ export default { ...@@ -192,11 +192,11 @@ export default {
children: [{ children: [{
id: 121, id: 121,
icon: require('@/assets/image/shebei2-guzhang.png'), icon: require('@/assets/image/shebei2-guzhang.png'),
label: '三级 1-1-1' label: 'ping'
}, { }, {
id: 122, id: 122,
icon: require('@/assets/image/shebei2-guzhang.png'), icon: require('@/assets/image/shebei2-guzhang.png'),
label: '三级 1-1-2' label: 'url'
}] }]
}] }]
}], }],
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment