gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: asset修复

Browse Source 
asset国际化补全  idc头部修改响应  机柜回显修复
This commit is contained in:
wanghaoyu
2019-12-27 17:08:39 +08:00
parent 5be6d7831a
commit b12c79e4bd
5 changed files with 197 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
nezha-fronted/src/components/common/header.vue
View File

@@ -440,9 +440,18 @@
computed: { computed: {
projectListReloadWatch() { projectListReloadWatch() {
return this.$store.state.projectListReload; return this.$store.state.projectListReload;
},
getIdcData() {
return this.$store.state.assetData.idcData
} }
}, },
watch: { watch: {
getIdcData:{
handler(newVal, oldVal) {
this.getAssetData()
},
deep: true,
},
projectListReloadWatch(n, o) { projectListReloadWatch(n, o) {
if (n) { if (n) {
this.getProjectList(); this.getProjectList();

76
nezha-fronted/src/components/common/language/en.js
View File

@@ -53,10 +53,12 @@ const en = {
coverSuccess: 'Successfully Covered' coverSuccess: 'Successfully Covered'
}, },
asset:{ asset:{
createAsset: "Create Asset",
asset: 'Asset', asset: 'Asset',
createAsset: "Create Asset",
EditAsset:'Edit Asset',
createAssetTab:{ createAssetTab:{
title:'Create Asset', title:'Create Asset',
sn:'SN',
host:'host', host:'host',
state:'state', state:'state',
selectTip:'please select', selectTip:'please select',
@@ -122,6 +124,78 @@ const en = {
upload:'Upload', upload:'Upload',
clickToUpload:'点击上传' clickToUpload:'点击上传'
}, },
editAssetTab:{
title:'Create Asset',
sn:'SN',
host:'host',
state:'state',
selectTip:'please select',
inStore:'在库',
outStore:'出库',
modelId:'ModelId',
alert:'Alert',
assetInfo:'资产信息',
assetType:'资产类型',
assetTypeTab:{
assetType:'资产类型',
addAssetType:'新增资产类型',
existAssetType:'已有资产类型'
},
vendor:'厂商/型号',
vendorTab:{
vendor:'厂商/型号',
vendorName:'新厂商名称',
existVendor:'已有厂商',
modelName:'新型号名称',
existModel:'已有型号'
},
purchaseDate:'购买日期',
dataSelectTip:'please select data',
dc:'DC',
dcName:'DC Name',
AddIdcTab:{
title:'+Add IDC',
dcName:'DC Name',
location:'Location',
principal:'负责人',
tel:'Tel'
},
editIdcTab:{
title:'Edit IDC',
dcName:'DC Name',
location:'Location',
principal:'负责人',
tel:'Tel'
},
location:'Location',
principal:'负责人',
tel:'Tel',
cabinet: '机柜',
AddCabinetTab:{
title:'+Add机柜',
name:'Name',
uSize:'U Size',
remark:'Desc',
DC:'DC',
},
editCabinetTab:{
title:'Edit 机柜',
name:'Name',
uSize:'U Size',
remark:'Desc',
DC:'DC',
},
uSize:'U Size',
remark:'Desc',
cli:'CLI Account',
loginType:'登录方式',
password:'password',
ssh:'SSH私钥',
account:'Account',
port:'Port',
upload:'Upload',
clickToUpload:'点击上传'
},
tableTitle: { tableTitle: {
id: 'ID', id: 'ID',
assetType: '资产类型', assetType: '资产类型',

4
nezha-fronted/src/components/page/asset/asset.vue
View File

@@ -472,6 +472,7 @@ export default {
if (data === 'close') { if (data === 'close') {
this.addUnitShow = false this.addUnitShow = false
this.editUnitShow = false this.editUnitShow = false
this.$refs['assetEditUnit'].tabView = false
} }
}, },
tagShow(data, id, type) { tagShow(data, id, type) {
@@ -555,6 +556,9 @@ export default {
this.getUserData(); this.getUserData();
this.getAssetData(); this.getAssetData();
this.getIDCOptionData(); this.getIDCOptionData();
window.onresize = () => {
this.tableHeight = document.documentElement.clientHeight - 200;
}
} }
} }
</script> </script>

26
nezha-fronted/src/components/page/asset/assetAddUnit.vue
View File

@@ -18,13 +18,13 @@
<div class="right-box-title">{{$t('asset.createAssetTab.title')}}</div> <div class="right-box-title">{{$t('asset.createAssetTab.title')}}</div>
<el-form :model="assetData" label-width="120px"> <el-form :model="assetData" label-width="120px">
<div class="el-form-style"> <div class="el-form-style">
<el-form-item :label="this.$t('asset.createAssetTab.title')" prop="sn"> <el-form-item :label="this.$t('asset.createAssetTab.title')" >
<el-input v-model="assetData.sn"/> <el-input v-model="assetData.sn"/>
</el-form-item> </el-form-item>
<el-form-item :label="this.$t('asset.createAssetTab.host')" prop="host"> <el-form-item :label="this.$t('asset.createAssetTab.host')" >
<el-input v-model="assetData.host"/> <el-input v-model="assetData.host"/>
</el-form-item> </el-form-item>
<el-form-item :label="this.$t('asset.createAssetTab.state')" prop="state"> <el-form-item :label="this.$t('asset.createAssetTab.state')" >
<div class="select-style"> <div class="select-style">
<el-select v-model="assetData.state" :placeholder="this.$t('asset.createAssetTab.selectTip')"> <el-select v-model="assetData.state" :placeholder="this.$t('asset.createAssetTab.selectTip')">
<el-option <el-option
@@ -62,7 +62,6 @@
<div class="el-select-add-btn"> <div class="el-select-add-btn">
<el-popover <el-popover
placement="left" placement="left"
trigger="manual"
v-model="popTypeVisible" v-model="popTypeVisible"
> >
<div class="pop-window-assetType" @click="editQuit()"> <div class="pop-window-assetType" @click="editQuit()">
@@ -234,7 +233,7 @@
<div style="font-size: 10px">{{$t('asset.createAssetTab.dc')}}</div> <div style="font-size: 10px">{{$t('asset.createAssetTab.dc')}}</div>
<el-divider></el-divider> <el-divider></el-divider>
<!------------------------------------------IDC----------------------------------------------> <!------------------------------------------IDC---------------------------------------------->
<el-form-item :label="this.$t('asset.createAssetTab.dcName')" prop="idcSelect"> <el-form-item :label="this.$t('asset.createAssetTab.dcName')">
<div class="select-style"> <div class="select-style">
<el-select v-model="assetData.idcId" clearable @change="getSingleIDCData"> <el-select v-model="assetData.idcId" clearable @change="getSingleIDCData">
<el-option <el-option
@@ -396,7 +395,7 @@
</div> </div>
<div class="pop-window"> <div class="pop-window">
<span style="display: block;padding-bottom: 20px">{{vm.$t('asset.createAssetTab.editCabinetTab.title')}}</span> <span style="display: block;padding-bottom: 20px">{{vm.$t('asset.createAssetTab.editCabinetTab.title')}}</span>
<el-form-item :label="vm.$t('asset.createAssetTab.editCabinetTab.title')"> <el-form-item :label="vm.$t('asset.createAssetTab.editCabinetTab.name')">
<el-input v-model="popCabinetData.name"/> <el-input v-model="popCabinetData.name"/>
</el-form-item> </el-form-item>
<el-form-item :label="vm.$t('asset.createAssetTab.editCabinetTab.uSize')"> <el-form-item :label="vm.$t('asset.createAssetTab.editCabinetTab.uSize')">
@@ -523,13 +522,10 @@
</el-form-item> </el-form-item>
<el-form-item :label="this.$t('asset.createAssetTab.AddCabinetTab.uSize')"> <el-form-item :label="this.$t('asset.createAssetTab.AddCabinetTab.uSize')">
<div>{{addCabinetData.uSize}}</div> <div>{{addCabinetData.uSize}}</div>
<el-slider v-model="addCabinetData.uSize" <el-slider v-model="addCabinetData.uSize" :max="47"></el-slider>
:max="47"></el-slider>
</el-form-item> </el-form-item>
<el-form-item :label="this.$t('asset.createAssetTab.AddCabinetTab.remark')"> <el-form-item :label="this.$t('asset.createAssetTab.AddCabinetTab.remark')">
<el-input v-model="addCabinetData.remark" <el-input v-model="addCabinetData.remark" type="textarea" :rows="2"/>
type="textarea"
:rows="2"/>
</el-form-item> </el-form-item>
<el-form-item :label="this.$t('asset.createAssetTab.AddCabinetTab.DC')"> <el-form-item :label="this.$t('asset.createAssetTab.AddCabinetTab.DC')">
<el-select v-model="addCabinetData.idcId" clearable> <el-select v-model="addCabinetData.idcId" clearable>
@@ -556,13 +552,13 @@
</div> </div>
<div class="pop-window"> <div class="pop-window">
<span style="display: block;padding-bottom: 20px">{{$t('asset.createAssetTab.editIdcTab.title')}}</span> <span style="display: block;padding-bottom: 20px">{{$t('asset.createAssetTab.editIdcTab.title')}}</span>
<el-form-item label="DC Name"> <el-form-item :label="vm.$t('asset.createAssetTab.editIdcTab.dcName')">
<el-input v-model="addCabIDCData.name"/> <el-input v-model="addCabIDCData.name"/>
</el-form-item> </el-form-item>
<el-form-item label="Location"> <el-form-item :label="vm.$t('asset.createAssetTab.editIdcTab.location')">
<el-input v-model="addCabIDCData.location"/> <el-input v-model="addCabIDCData.location"/>
</el-form-item> </el-form-item>
<el-form-item label="负责人"> <el-form-item :label="vm.$t('asset.createAssetTab.editIdcTab.principal')">
<el-select v-model="addCabIDCData.principal" <el-select v-model="addCabIDCData.principal"
clearable> clearable>
<el-option <el-option
@@ -574,7 +570,7 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="Tel"> <el-form-item :label="vm.$t('asset.createAssetTab.editIdcTab.tel')">
<el-input v-model="addCabIDCData.tel"/> <el-input v-model="addCabIDCData.tel"/>
</el-form-item> </el-form-item>
</div> </div>

213
nezha-fronted/src/components/page/asset/assetEditUnit.vue
View File

@@ -29,20 +29,20 @@
<span>{{$t('overall.delete')}}</span> <span>{{$t('overall.delete')}}</span>
</div> </div>
</div> </div>
<div class="right-box-title">{{this.tabView==true? 'Asset':'Edit Asset'}}</div> <div class="right-box-title">{{this.tabView==true?this.$t('asset.asset'):this.$t('asset.EditAsset')}}</div>
<el-form ref="form" :model="assetData" label-width="120px"> <el-form ref="form" :model="assetData" label-width="120px">
<div class="el-form-style"> <div class="el-form-style">
<el-form-item label="SN"> <el-form-item :label="this.$t('asset.editAssetTab.sn')">
<el-input v-if="!tabView" v-model="assetData.sn"/> <el-input v-if="!tabView" v-model="assetData.sn"/>
<span v-if="tabView">{{assetData.sn}}</span> <span v-if="tabView">{{assetData.sn}}</span>
</el-form-item> </el-form-item>
<el-form-item label="Host"> <el-form-item :label="this.$t('asset.editAssetTab.host')" >
<el-input v-if="!tabView" v-model="assetData.host"/> <el-input v-if="!tabView" v-model="assetData.host"/>
<span v-if="tabView">{{assetData.host}}</span> <span v-if="tabView">{{assetData.host}}</span>
</el-form-item> </el-form-item>
<el-form-item label="State"> <el-form-item :label="this.$t('asset.editAssetTab.state')">
<div v-if="!tabView" class="select-style"> <div v-if="!tabView" class="select-style">
<el-select v-model="assetData.state" placeholder="请选择"> <el-select v-model="assetData.state" :placeholder="this.$t('asset.editAssetTab.selectTip')">
<el-option <el-option
v-for="item in assetStateOption" v-for="item in assetStateOption"
:key="item.value" :key="item.value"
@@ -51,18 +51,18 @@
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
<span v-if="tabView">{{assetData.state==1?'在库':'出库'}}</span> <span v-if="tabView">{{assetData.state==1?this.$t('asset.editAssetTab.inStore'):this.$t('asset.editAssetTab.outStore')}}</span>
</el-form-item> </el-form-item>
<el-form-item label="ModelId" v-if="tabView"> <el-form-item :label="this.$t('asset.editAssetTab.modelId')" v-if="tabView">
<div class="tab-input-square">{{assetViewData.moduleNum}}</div> <div class="tab-input-square">{{assetViewData.moduleNum}}</div>
</el-form-item> </el-form-item>
<el-form-item label="IDC" v-if="tabView"> <el-form-item :label="this.$t('asset.editAssetTab.alert')" v-if="tabView">
<div class="tab-input-square">{{assetViewData.alertNum}}</div> <div class="tab-input-square">{{assetViewData.alertNum}}</div>
</el-form-item> </el-form-item>
<div style="font-size: 10px">资产信息</div> <div style="font-size: 10px">{{$t('asset.editAssetTab.assetInfo')}}</div>
<el-divider></el-divider> <el-divider></el-divider>
<!------------------------------------------资产类型----------------------------------------------> <!------------------------------------------资产类型---------------------------------------------->
<el-form-item label="资产类型"> <el-form-item :label="this.$t('asset.editAssetTab.assetType')">
<div class="select-style"> <div class="select-style">
<el-select v-if="!tabView" v-model="assetType" clearable @visible-change="cancelEdit" <el-select v-if="!tabView" v-model="assetType" clearable @visible-change="cancelEdit"
@change="getAllModelOptionData()"> @change="getAllModelOptionData()">
@@ -73,20 +73,16 @@
:label="item.value" :label="item.value"
> >
<span v-if="!item.isEdit">{{ item.value }}</span> <span v-if="!item.isEdit">{{ item.value }}</span>
<span class="config-dropdown-label-input" v-if="item.isEdit" <span class="config-dropdown-label-input" v-if="item.isEdit" @click.stop="editing(item)">
@click.stop="editing(item)"> <el-input type="text" v-model="item.value" size="mini"/>
<el-input type="text" v-model="item.value" size="mini"/> </span>
</span> <span class="config-dropdown-btn" @click.stop="editOptionData(item,'type')">
<span class="config-dropdown-btn" <i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
@click.stop="editOptionData(item,'type')"> <i class="el-icon-check" v-if="item.isEdit" @click="editData('sys/dict/update',item)"></i>
<i class="el-icon-edit-outline" v-if="!item.isEdit"></i> </span>
<i class="el-icon-check" v-if="item.isEdit" <span class="config-dropdown-btn config-dropdown-btn-delete" @click.stop="delOptionData(item)">
@click="editData('sys/dict/update',item)"></i> <i class="el-icon-delete"></i>
</span> </span>
<span class="config-dropdown-btn config-dropdown-btn-delete"
@click.stop="delOptionData(item)"><i
class="el-icon-delete"></i>
</span>
</el-option> </el-option>
</el-select> </el-select>
<div class="el-select-add-btn" v-if="!tabView"> <div class="el-select-add-btn" v-if="!tabView">
@@ -107,12 +103,12 @@
<span>{{$t('overall.esc')}}</span> <span>{{$t('overall.esc')}}</span>
</div> </div>
</div> </div>
<span style="display: block;padding-bottom: 20px">资产类型</span> <span style="display: block;padding-bottom: 20px">{{$t('asset.editAssetTab.assetTypeTab.assetType')}}</span>
<span style="display: block;padding-bottom: 20px">新增资产类型</span> <span style="display: block;padding-bottom: 20px">{{$t('asset.editAssetTab.assetTypeTab.addAssetType')}}</span>
<input v-model="assetTypeData.value"/> <input v-model="assetTypeData.value"/>
<input type="button" value="+Add" <input type="button" value="+Add"
@click="addNewData('assetType')"></input> @click="addNewData('assetType')"></input>
<span style="display: block;padding-bottom: 20px">已有资产类型</span> <span style="display: block;padding-bottom: 20px">{{$t('asset.editAssetTab.assetTypeTab.existAssetType')}}</span>
<div class="li-list"> <div class="li-list">
<ul style="list-style: none"> <ul style="list-style: none">
<li style="cursor: pointer;" <li style="cursor: pointer;"
@@ -154,7 +150,7 @@
<span v-if="tabView">{{assetViewData.assetType}}</span> <span v-if="tabView">{{assetViewData.assetType}}</span>
</el-form-item> </el-form-item>
<!------------------------------------------厂商/型号----------------------------------------------> <!------------------------------------------厂商/型号---------------------------------------------->
<el-form-item label="厂商/型号"> <el-form-item :label="this.$t('asset.editAssetTab.vendor')">
<div class="select-style" v-if="!tabView"> <div class="select-style" v-if="!tabView">
<el-cascader <el-cascader
:options="vendorTypeOptionData" :options="vendorTypeOptionData"
@@ -183,12 +179,12 @@
</div> </div>
</div> </div>
<div class="pop-window-assetType"> <div class="pop-window-assetType">
<span style="display: block;padding-bottom: 15px">商场/型号</span> <span style="display: block;padding-bottom: 15px">{{$t('asset.editAssetTab.vendorTab.vendor')}}</span>
<span style="display: block;padding-bottom: 20px">新厂商名称</span> <span style="display: block;padding-bottom: 20px">{{$t('asset.editAssetTab.vendorTab.vendor')}}</span>
<input v-model="addVendorData.value"/> <input v-model="addVendorData.value"/>
<input type="button" value="+Add" <input type="button" value="+Add"
@click="addNewData('vendor')"></input> @click="addNewData('vendor')"></input>
<span style="display: block;padding-bottom: 20px">已有厂商</span> <span style="display: block;padding-bottom: 20px">{{$t('asset.editAssetTab.vendorTab.vendor')}}</span>
<div class="li-list-part"> <div class="li-list-part">
<ul style="list-style: none"> <ul style="list-style: none">
<li style="cursor: pointer;" <li style="cursor: pointer;"
@@ -196,32 +192,25 @@
@click="getLidata(index,item)" @click="getLidata(index,item)"
:class="{activeColor:vendorCount === index}" :class="{activeColor:vendorCount === index}"
:key="index"> :key="index">
<div>
<span v-if="!item.isEdit">{{ item.value }}</span> <span v-if="!item.isEdit">{{ item.value }}</span>
<span class="config-dropdown-label-input" <span class="config-dropdown-label-input" v-if="item.isEdit" @click.stop="editing">
v-if="item.isEdit" <input type="text" v-model="item.value" size="mini"/>
@click.stop="editing"> </span>
<input type="text" v-model="item.value" size="mini"/> <span class="config-dropdown-btn" @click.stop="editVendorOptionData(item,'vendor',index)">
</span> <i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
<span class="config-dropdown-btn" <i class="el-icon-check" v-if="item.isEdit" @click="editData('sys/dict/update',item)"></i>
@click.stop="editVendorOptionData(item,'vendor',index)"> </span>
<i class="el-icon-edit-outline" v-if="!item.isEdit"></i> <span class="config-dropdown-btn config-dropdown-btn-delete" @click.stop="deleteData('/sys/dict/delete',item.id)">
<i class="el-icon-check" v-if="item.isEdit" <i class="el-icon-delete"></i>
@click="editData('sys/dict/update',item)"></i>
</span>
<span class="config-dropdown-btn config-dropdown-btn-delete"
@click.stop="deleteData('/sys/dict/delete',item.id)"><i
class="el-icon-delete"></i>
</span> </span>
</div>
</li> </li>
</ul> </ul>
</div> </div>
<span style="display: block;padding-bottom: 15px">新型号名称</span> <span style="display: block;padding-bottom: 15px">{{$t('asset.editAssetTab.vendorTab.vendor')}}</span>
<input v-model="addNewModelData.name"/> <input v-model="addNewModelData.name"/>
<input type="button" value="+Add" <input type="button" value="+Add"
@click="addNewData('model')"></input> @click="addNewData('model')"></input>
<span style="display: block;padding-bottom: 20px">已有型号</span> <span style="display: block;padding-bottom: 20px">{{$t('asset.editAssetTab.vendorTab.existModel')}}</span>
<div class="li-list-part"> <div class="li-list-part">
<ul style="list-style: none"> <ul style="list-style: none">
<li style="cursor: pointer;" <li style="cursor: pointer;"
@@ -229,24 +218,17 @@
@click=" clickState(index,item,'model') " @click=" clickState(index,item,'model') "
:class="{activeColor:modelCount === index}" :class="{activeColor:modelCount === index}"
:key="index"> :key="index">
<div> <span v-if="!item.isEdit">{{ item.name }}</span>
<span v-if="!item.isEdit">{{ item.name }}</span> <span class="config-dropdown-label-input" v-if="item.isEdit" @click.stop="editing">
<span class="config-dropdown-label-input" <input type="text" v-model="item.name" size="mini"/>
v-if="item.isEdit" </span>
@click.stop="editing"> <span class="config-dropdown-btn" @click.stop="editOptionData(item,'model',index)">
<input type="text" v-model="item.name" size="mini"/> <i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
</span> <i class="el-icon-check" v-if="item.isEdit" @click="editData('model',item)"></i>
<span class="config-dropdown-btn" </span>
@click.stop="editOptionData(item,'model',index)"> <span class="config-dropdown-btn config-dropdown-btn-delete" @click.stop="deleteData('model',item.id)">
<i class="el-icon-edit-outline" v-if="!item.isEdit"></i> <i class="el-icon-delete"></i>
<i class="el-icon-check" v-if="item.isEdit"
@click="editData('model',item)"></i>
</span>
<span class="config-dropdown-btn config-dropdown-btn-delete"
@click.stop="deleteData('model',item.id)"><i
class="el-icon-delete"></i>
</span> </span>
</div>
</li> </li>
</ul> </ul>
</div> </div>
@@ -269,21 +251,21 @@
</div> </div>
<span v-if="tabView">{{assetViewData.vendor}} {{assetViewData.model}}</span> <span v-if="tabView">{{assetViewData.vendor}} {{assetViewData.model}}</span>
</el-form-item> </el-form-item>
<el-form-item label="购买日期"> <el-form-item :label="this.$t('asset.editAssetTab.purchaseDate')">
<div class="select-style" v-if="!tabView"> <div class="select-style" v-if="!tabView">
<el-date-picker <el-date-picker
v-model="assetData.purchaseDate" v-model="assetData.purchaseDate"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
type="date" type="date"
placeholder="选择日期"> :placeholder="this.$t('asset.editAssetTab.dataSelectTip')">
</el-date-picker> </el-date-picker>
</div> </div>
<span v-if="tabView">{{assetData.purchaseDate}}</span> <span v-if="tabView">{{assetData.purchaseDate}}</span>
</el-form-item> </el-form-item>
<div style="font-size: 10px">DC</div> <div style="font-size: 10px">{{$t('asset.editAssetTab.dc')}}</div>
<el-divider></el-divider> <el-divider></el-divider>
<!------------------------------------------IDC----------------------------------------------> <!------------------------------------------IDC---------------------------------------------->
<el-form-item label="DC Name"> <el-form-item :label="this.$t('asset.editAssetTab.dcName')">
<div class="select-style" v-if="!tabView"> <div class="select-style" v-if="!tabView">
<el-select v-model="assetData.idcId" clearable @change="getSingleIDCData"> <el-select v-model="assetData.idcId" clearable @change="getSingleIDCData">
<el-option <el-option
@@ -309,14 +291,14 @@
</div> </div>
</div> </div>
<div class="pop-window"> <div class="pop-window">
<span style="display: block;padding-bottom: 20px">标题</span> <span style="display: block;padding-bottom: 20px">{{vm.$t('asset.editAssetTab.editIdcTab.title')}}</span>
<el-form-item label="DC Name"> <el-form-item :label="vm.$t('asset.editAssetTab.dcName')">
<el-input v-model="popIdcData.name"/> <el-input v-model="popIdcData.name"/>
</el-form-item> </el-form-item>
<el-form-item label="Location"> <el-form-item :label="vm.$t('asset.editAssetTab.location')">
<el-input v-model="popIdcData.location"/> <el-input v-model="popIdcData.location"/>
</el-form-item> </el-form-item>
<el-form-item label="负责人"> <el-form-item :label="vm.$t('asset.editAssetTab.principal')">
<el-select v-model="popIdcData.principal" clearable> <el-select v-model="popIdcData.principal" clearable>
<el-option <el-option
v-for="item in idcUserData" v-for="item in idcUserData"
@@ -327,7 +309,7 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="Tel"> <el-form-item :label="vm.$t('asset.editAssetTab.editIdcTab.tel')">
<el-input v-model="popIdcData.tel"/> <el-input v-model="popIdcData.tel"/>
</el-form-item> </el-form-item>
</div> </div>
@@ -367,14 +349,14 @@
</div> </div>
</div> </div>
<div class="pop-window"> <div class="pop-window">
<span style="display: block;padding-bottom: 20px">标题</span> <span style="display: block;padding-bottom: 20px">{{$t('asset.editAssetTab.AddIdcTab.title')}}</span>
<el-form-item label="DC Name"> <el-form-item :label="this.$t('asset.editAssetTab.AddIdcTab.dcName')">
<el-input v-model="addIdcData.name"/> <el-input v-model="addIdcData.name"/>
</el-form-item> </el-form-item>
<el-form-item label="Location"> <el-form-item :label="this.$t('asset.editAssetTab.AddIdcTab.location')">
<el-input v-model="addIdcData.location"/> <el-input v-model="addIdcData.location"/>
</el-form-item> </el-form-item>
<el-form-item label="负责人"> <el-form-item :label="this.$t('asset.editAssetTab.AddIdcTab.principal')">
<el-select v-model="addIdcData.principal" clearable> <el-select v-model="addIdcData.principal" clearable>
<el-option <el-option
v-for="item in idcUserData" v-for="item in idcUserData"
@@ -385,7 +367,7 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="Tel"> <el-form-item :label="this.$t('asset.editAssetTab.AddIdcTab.tel')">
<el-input v-model="addIdcData.tel"/> <el-input v-model="addIdcData.tel"/>
</el-form-item> </el-form-item>
</div> </div>
@@ -406,20 +388,20 @@
</div> </div>
<span v-if="tabView">{{assetViewData.idcName}}</span> <span v-if="tabView">{{assetViewData.idcName}}</span>
</el-form-item> </el-form-item>
<el-form-item label="Location"> <el-form-item :label="this.$t('asset.editAssetTab.location')">
<span>{{idcSelectedData.location}}</span> <span>{{idcSelectedData.location}}</span>
</el-form-item> </el-form-item>
<el-form-item label="负责人"> <el-form-item :label="this.$t('asset.editAssetTab.principal')">
<span>{{this.getPrincipalName(idcSelectedData.principal)}}</span> <span>{{this.getPrincipalName(idcSelectedData.principal)}}</span>
</el-form-item> </el-form-item>
<el-form-item label="Tel"> <el-form-item :label="this.$t('asset.editAssetTab.tel')">
<span>{{idcSelectedData.tel}}</span> <span>{{idcSelectedData.tel}}</span>
</el-form-item> </el-form-item>
<el-divider></el-divider> <el-divider></el-divider>
<!------------------------------------------cabinet----------------------------------------------> <!------------------------------------------cabinet---------------------------------------------->
<el-form-item label="机柜"> <el-form-item :label="this.$t('asset.editAssetTab.cabinet')">
<div class="select-style" v-if="!tabView"> <div class="select-style" v-if="!tabView">
<el-select clearable v-model="assetData.cabinetId" clearable <el-select clearable v-model="assetData.cabinetId" clearable
:disabled="assetData.idcId==''?true:false" :disabled="assetData.idcId==''?true:false"
@@ -447,21 +429,20 @@
</div> </div>
</div> </div>
<div class="pop-window"> <div class="pop-window">
<span style="display: block;padding-bottom: 20px">标题</span> <span style="display: block;padding-bottom: 20px">{{vm.$t('asset.editAssetTab.editCabinetTab.title')}}</span>
<el-form-item label="Name"> <el-form-item :label="vm.$t('asset.editAssetTab.editCabinetTab.title')">
<el-input v-model="popCabinetData.name"/> <el-input v-model="popCabinetData.name"/>
</el-form-item> </el-form-item>
<el-form-item label="U Size"> <el-form-item :label="vm.$t('asset.editAssetTab.editCabinetTab.uSize')">
<div>{{addCabinetData.uSize}}</div> <div>{{popCabinetData.uSize}}</div>
<el-slider v-model="popCabinetData.uSize" <el-slider v-model="popCabinetData.uSize" :max="47"></el-slider>
:max="47"></el-slider>
</el-form-item> </el-form-item>
<el-form-item label="Desc"> <el-form-item :label="vm.$t('asset.editAssetTab.editCabinetTab.remark')">
<el-input v-model="popCabinetData.remark" <el-input v-model="popCabinetData.remark"
type="textarea" type="textarea"
:rows="2"/> :rows="2"/>
</el-form-item> </el-form-item>
<el-form-item label="DC"> <el-form-item :label="vm.$t('asset.editAssetTab.editCabinetTab.DC')">
<el-select v-model="popCabinetData.idcId" clearable> <el-select v-model="popCabinetData.idcId" clearable>
<el-option <el-option
v-for="ite in item.children" v-for="ite in item.children"
@@ -569,20 +550,20 @@
</div> </div>
</div> </div>
<div class="pop-window"> <div class="pop-window">
<span style="display: block;padding-bottom: 20px">标题</span> <span style="display: block;padding-bottom: 20px">{{$t('asset.editAssetTab.AddCabinetTab.title')}}</span>
<el-form-item label="Name"> <el-form-item :label="this.$t('asset.editAssetTab.AddCabinetTab.name')">
<el-input v-model="addCabinetData.name"/> <el-input v-model="addCabinetData.name"/>
</el-form-item> </el-form-item>
<el-form-item label="U Size"> <el-form-item :label="this.$t('asset.editAssetTab.AddCabinetTab.uSize')">
<div>{{addCabinetData.uSize}}</div> <div>{{addCabinetData.uSize}}</div>
<el-slider v-model="addCabinetData.uSize"></el-slider> <el-slider v-model="addCabinetData.uSize"></el-slider>
</el-form-item> </el-form-item>
<el-form-item label="Desc"> <el-form-item :label="this.$t('asset.editAssetTab.AddCabinetTab.remark')">
<el-input v-model="addCabinetData.remark" <el-input v-model="addCabinetData.remark"
type="textarea" type="textarea"
:rows="1"/> :rows="1"/>
</el-form-item> </el-form-item>
<el-form-item label="IDC"> <el-form-item :label="this.$t('asset.editAssetTab.AddCabinetTab.DC')">
<el-select v-model="addCabinetData.idcId" clearable> <el-select v-model="addCabinetData.idcId" clearable>
<el-option <el-option
v-for="item in IDCOptionData" v-for="item in IDCOptionData"
@@ -606,14 +587,14 @@
</div> </div>
</div> </div>
<div class="pop-window"> <div class="pop-window">
<span style="display: block;padding-bottom: 20px">标题</span> <span style="display: block;padding-bottom: 20px">{{$t('asset.editAssetTab.editIdcTab.title')}}</span>
<el-form-item label="DC Name"> <el-form-item :label="vm.$t('asset.editAssetTab.editIdcTab.dcName')">
<el-input v-model="addCabIDCData.name"/> <el-input v-model="addCabIDCData.name"/>
</el-form-item> </el-form-item>
<el-form-item label="Location"> <el-form-item :label="vm.$t('asset.editAssetTab.editIdcTab.location')">
<el-input v-model="addCabIDCData.location"/> <el-input v-model="addCabIDCData.location"/>
</el-form-item> </el-form-item>
<el-form-item label="负责人"> <el-form-item :label="vm.$t('asset.editAssetTab.editIdcTab.principal')">
<el-select v-model="addCabIDCData.principal" <el-select v-model="addCabIDCData.principal"
clearable> clearable>
<el-option <el-option
@@ -625,7 +606,7 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="Tel"> <el-form-item :label="vm.$t('asset.editAssetTab.editIdcTab.tel')">
<el-input v-model="addCabIDCData.tel"/> <el-input v-model="addCabIDCData.tel"/>
</el-form-item> </el-form-item>
</div> </div>
@@ -668,30 +649,30 @@
</div> </div>
<span v-if="tabView">{{assetViewData.cabinetName}}</span> <span v-if="tabView">{{assetViewData.cabinetName}}</span>
</el-form-item> </el-form-item>
<el-form-item label="U Size"> <el-form-item :label="this.$t('asset.editAssetTab.uSize')">
<span>{{cabinetSelectedData.uSize}}</span> <span>{{cabinetSelectedData.uSize}}</span>
</el-form-item> </el-form-item>
<el-form-item label="Desc"> <el-form-item :label="this.$t('asset.editAssetTab.remark')">
<span>{{cabinetSelectedData.remark}}</span> <span>{{cabinetSelectedData.remark}}</span>
</el-form-item> </el-form-item>
<div style="font-size: 10px">CLI Account</div> <div style="font-size: 10px">{{$t('asset.editAssetTab.cli')}}</div>
<el-divider></el-divider> <el-divider></el-divider>
<el-form-item label="登录方式"> <el-form-item :label="this.$t('asset.editAssetTab.loginType')">
<el-radio-group size="mini" v-model="assetData.accounts[0].authType"> <el-radio-group size="mini" v-model="assetData.accounts[0].authType">
<el-radio-button label='1'>Password</el-radio-button> <el-radio-button label='1'>{{$t('asset.editAssetTab.password')}}</el-radio-button>
<el-radio-button label='2'>SSH私钥</el-radio-button> <el-radio-button label='2'>{{$t('asset.editAssetTab.ssh')}}</el-radio-button>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="Account"> <el-form-item :label="this.$t('asset.editAssetTab.account')">
<el-input v-model="assetData.accounts[0].user"/> <el-input v-model="assetData.accounts[0].user"/>
</el-form-item> </el-form-item>
<el-form-item label="pwd" v-if="assetData.accounts[0].authType==1"> <el-form-item :label="this.$t('asset.editAssetTab.password')" v-if="assetData.accounts[0].authType==1">
<el-input type="password" v-model="assetData.accounts[0].pwd"/> <el-input type="password" v-model="assetData.accounts[0].pwd"/>
</el-form-item> </el-form-item>
<el-form-item label="Port"> <el-form-item :label="this.$t('asset.editAssetTab.port')">
<el-input v-model="assetData.accounts[0].port"/> <el-input v-model="assetData.accounts[0].port"/>
</el-form-item> </el-form-item>
<el-form-item label="ssh秘钥" v-if="assetData.accounts[0].authType==2"> <el-form-item :label="this.$t('asset.editAssetTab.ssh')" v-if="assetData.accounts[0].authType==2">
<el-upload <el-upload
class="upload-demo" class="upload-demo"
ref="upload" ref="upload"
@@ -699,7 +680,7 @@
:on-change="handleChange" :on-change="handleChange"
:auto-upload="false" :auto-upload="false"
> >
<el-button size="small" type="primary">点击上传</el-button> <el-button size="small" type="primary">{{$t('asset.editAssetTab.clickToUpload')}}</el-button>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
</div> </div>
@@ -723,7 +704,9 @@ export default {
name: "assetEditUnit", name: "assetEditUnit",
props: ["editUnitShow", "editUnitId"], props: ["editUnitShow", "editUnitId"],
data() { data() {
const vm = window.vm;
return { return {
vm:vm,
visible: '', visible: '',
vendorModelData: '', vendorModelData: '',
assetData: { assetData: {
@@ -765,7 +748,6 @@ export default {
}], }],
cabinetModelData: '', cabinetModelData: '',
checkList: [], checkList: [],
checkListData: [],
assetTypeOptionData: [], assetTypeOptionData: [],
vendorTypeData: '', vendorTypeData: '',
vendorTypeOptionData: [], vendorTypeOptionData: [],
@@ -966,8 +948,9 @@ export default {
getIDCOptionData() { getIDCOptionData() {
this.$get('idc').then(response => { this.$get('idc').then(response => {
if (response.code === 200) { if (response.code === 200) {
this.checkListData = this.IDCOptionData = response.data.list; this.IDCOptionData = response.data.list;
this.markOptionData(this.IDCOptionData) this.markOptionData(this.IDCOptionData)
this.$store.state.assetData.idcData = this.IDCOptionData
} }
}) })