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

feature: asset功能修复

Browse Source 
联动选择回显修复,逻辑关系调整,业务信息添加优化
This commit is contained in:
wanghaoyu
2019-12-18 16:55:49 +08:00
parent efa5b2bcff
commit a339243884
1 changed files with 294 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -110,7 +110,7 @@
</div> </div>
<div v-if="item.prop=='责任人'"> <div v-if="item.prop=='责任人'">
<p> <p>
<span>{{scope.row.idc.principal}}</span> <span>{{getPrincipalName(scope.row.idc.principal)}}</span>
</p> </p>
</div> </div>
<div v-if="item.prop=='责任人电话'"> <div v-if="item.prop=='责任人电话'">
@@ -119,11 +119,12 @@
</p> </p>
</div> </div>
<div v-if="item.prop == 'option'"> <div v-if="item.prop == 'option'">
<span @click.stop="tagShow('showDel')" class="account-list-option"><i <span @click="ssss" class="account-list-option"><i class="el-icon-monitor"></i></span>
<span @click.stop="deleteData('asset',scope.row.id)" class="account-list-option"><i
class="el-icon-delete"></i></span> class="el-icon-delete"></i></span>
<span @click.stop="tagShow('showEdit',scope.row.id)" class="account-list-option"><i <span @click.stop="tagShow('showEdit',scope.row.id)" class="account-list-option"><i
class="el-icon-edit-outline"></i></span> class="el-icon-edit-outline"></i></span>
<span @click.stop="tagShow('showView',scope.row.id)"class="account-list-option"><i <span @click.stop="tagShow('showView',scope.row.id)" class="account-list-option"><i
class="el-icon-view"></i></span> class="el-icon-view"></i></span>
</div> </div>
</template> </template>
@@ -180,7 +181,7 @@
<!------------------------------------------资产类型----------------------------------------------> <!------------------------------------------资产类型---------------------------------------------->
<el-form-item label="资产类型" prop="assetType"> <el-form-item label="资产类型" prop="assetType">
<div class="select-style"> <div class="select-style">
<el-select v-model="assetType" clearable @change="getAllModelOptionData()"> <el-select v-model="assetType" clearable @change="getAllModelOptionData">
<el-option <el-option
v-for="item in assetTypeOptionData" v-for="item in assetTypeOptionData"
:key="item.id" :key="item.id"
@@ -199,7 +200,7 @@
@click="editData('sys/dict/update',item)"></i> @click="editData('sys/dict/update',item)"></i>
</span> </span>
<span class="config-dropdown-btn config-dropdown-btn-delete" <span class="config-dropdown-btn config-dropdown-btn-delete"
><i ><i
class="el-icon-delete"></i> class="el-icon-delete"></i>
</span> </span>
</el-option> </el-option>
@@ -231,7 +232,7 @@
<ul style="list-style: none"> <ul style="list-style: none">
<li style="cursor: pointer;" <li style="cursor: pointer;"
v-for="(item,index) in assetTypeOptionData" v-for="(item,index) in assetTypeOptionData"
@click="clickState(index)" @click="clickState(index,item,'type')"
:class="{activeColor:modelCount === index}" :class="{activeColor:modelCount === index}"
:key="index"> :key="index">
<div> <div>
@@ -248,7 +249,7 @@
@click="editData('sys/dict/update',item)"></i> @click="editData('sys/dict/update',item)"></i>
</span> </span>
<span class="config-dropdown-btn config-dropdown-btn-delete" <span class="config-dropdown-btn config-dropdown-btn-delete"
@click.stop="delOptionData(item)"><i @click.stop="deleteData('/sys/dict/delete',item.id)"><i
class="el-icon-delete"></i> class="el-icon-delete"></i>
</span> </span>
</div> </div>
@@ -262,11 +263,13 @@
@click="popoverClose('type')"> @click="popoverClose('type')">
{{$t('overall.cancel')}} {{$t('overall.cancel')}}
</div> </div>
<div class="right-box-bottom-btn right-box-bottom-btn-50"> <div class="right-box-bottom-btn right-box-bottom-btn-50"
@click="transferData('type')">
{{$t('overall.save')}} {{$t('overall.save')}}
</div> </div>
</div> </div>
<span class="el-icon-plus" slot="reference"></span> <!-- <div slot="reference" style="font-size: 18px">+</div>-->
<div slot="reference" style="font-size: 18px">+</div>
</el-popover> </el-popover>
</div> </div>
</div> </div>
@@ -276,9 +279,9 @@
<div class="select-style"> <div class="select-style">
<el-cascader <el-cascader
:options="vendorTypeOptionData" :options="vendorTypeOptionData"
:key="isResourceShow"
v-model="assetData.modelId" v-model="assetData.modelId"
@focus="getConnectData()" :disabled="this.assetType!=''?false:true"
prop="modelId"
clearable clearable
> >
</el-cascader> </el-cascader>
@@ -287,6 +290,7 @@
placement="left" placement="left"
trigger="click" trigger="click"
v-model="popCompVisible" v-model="popCompVisible"
:disabled=popState
> >
<div class="pop-window-assetType"> <div class="pop-window-assetType">
<div class="pop-window-assetType-content"> <div class="pop-window-assetType-content">
@@ -304,7 +308,7 @@
<span style="display: block;padding-bottom: 20px">新厂商名称</span> <span style="display: block;padding-bottom: 20px">新厂商名称</span>
<input v-model="addVendorData.value"/> <input v-model="addVendorData.value"/>
<input type="button" value="+Add" <input type="button" value="+Add"
@click="addNewData('assetType')"></input> @click="addNewData('vendor')"></input>
<span style="display: block;padding-bottom: 20px">已有厂商</span> <span style="display: block;padding-bottom: 20px">已有厂商</span>
<div class="li-list-part"> <div class="li-list-part">
<ul style="list-style: none"> <ul style="list-style: none">
@@ -327,7 +331,7 @@
@click="editData('sys/dict/update',item)"></i> @click="editData('sys/dict/update',item)"></i>
</span> </span>
<span class="config-dropdown-btn config-dropdown-btn-delete" <span class="config-dropdown-btn config-dropdown-btn-delete"
@click.stop="delOptionData(item)"><i @click.stop="deleteData('/sys/dict/delete',item.id)"><i
class="el-icon-delete"></i> class="el-icon-delete"></i>
</span> </span>
</div> </div>
@@ -343,7 +347,7 @@
<ul style="list-style: none"> <ul style="list-style: none">
<li style="cursor: pointer;" <li style="cursor: pointer;"
v-for="(item,index) in modelUlData" v-for="(item,index) in modelUlData"
@click="clickState(index)" @click=" clickState(index,item,'model') "
:class="{activeColor:modelCount === index}" :class="{activeColor:modelCount === index}"
:key="index"> :key="index">
<div> <div>
@@ -378,11 +382,12 @@
@click="popoverClose('vendor')"> @click="popoverClose('vendor')">
{{$t('overall.cancel')}} {{$t('overall.cancel')}}
</div> </div>
<div class="right-box-bottom-btn right-box-bottom-btn-50"> <div class="right-box-bottom-btn right-box-bottom-btn-50"
@click="transferData('model')">
{{$t('overall.save')}} {{$t('overall.save')}}
</div> </div>
</div> </div>
<span class="el-icon-plus" slot="reference"></span> <div slot="reference" style="font-size: 18px">+</div>
</el-popover> </el-popover>
</div> </div>
</div> </div>
@@ -450,7 +455,16 @@
<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="负责人">
<el-input v-model="addIdcData.principal"/> <el-select v-model="addIdcData.principal" clearable
@change="getSingleIDCData">
<el-option
v-for="item in idcUserData"
:key="item.key"
:label="item.username"
:value="item.userId"
>
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="Tel"> <el-form-item label="Tel">
<el-input v-model="addIdcData.tel"/> <el-input v-model="addIdcData.tel"/>
@@ -467,7 +481,7 @@
{{$t('overall.save')}} {{$t('overall.save')}}
</div> </div>
</div> </div>
<span class="el-icon-plus" slot="reference"></span> <div slot="reference" style="font-size: 18px">+</div>
</el-popover> </el-popover>
</div> </div>
</div> </div>
@@ -535,12 +549,38 @@
<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="Desc">
<el-input v-model="addCabinetData.desc" type="textarea" <el-input v-model="addCabinetData.remark"
type="textarea"
:rows="2"/> :rows="2"/>
</el-form-item> </el-form-item>
<el-form-item label="IDC"> <el-form-item label="IDC">
<el-input v-model="addCabinetData.idc"/> <el-select v-model="addCabinetData.idc" clearable
@change="getSingleIDCData">
<el-option
v-for="item in IDCOptionData"
:key="item.key"
:label="item.name"
:value="item.id"
>
<span v-if="!item.isEdit">{{ item.name }}</span>
<span class="config-dropdown-label-input"
v-if="item.isEdit"
@click.stop="editing">
<el-input type="text" v-model="item.name" size="mini"/>
</span>
<span class="config-dropdown-btn"
@click.stop="editOptionData(item)">
<i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
<i class="el-icon-check" v-if="item.isEdit"
@click="editData('idc',item)"></i>
</span>
<span class="config-dropdown-btn config-dropdown-btn-delete"
@click.stop="deleteData('idc',item.id)"><i
class="el-icon-delete"></i></span>
</el-option>
</el-select>
</el-form-item> </el-form-item>
</div> </div>
</div> </div>
<div class="right-box-bottom-btns"> <div class="right-box-bottom-btns">
@@ -553,7 +593,7 @@
{{$t('overall.save')}} {{$t('overall.save')}}
</div> </div>
</div> </div>
<span class="el-icon-plus" slot="reference"></span> <div slot="reference" style="font-size: 18px">+</div>
</el-popover> </el-popover>
</div> </div>
</div> </div>
@@ -562,7 +602,7 @@
<span>{{cabinetSelectedData.uSize}}</span> <span>{{cabinetSelectedData.uSize}}</span>
</el-form-item> </el-form-item>
<el-form-item label="Desc"> <el-form-item label="Desc">
<span>{{cabinetSelectedData.desc}}</span> <span>{{cabinetSelectedData.remark}}</span>
</el-form-item> </el-form-item>
<div style="font-size: 10px">CLI Account</div> <div style="font-size: 10px">CLI Account</div>
<el-divider></el-divider> <el-divider></el-divider>
@@ -607,13 +647,15 @@
</div> </div>
<span>{{$t('overall.esc')}}</span> <span>{{$t('overall.esc')}}</span>
</div> </div>
<div class="right-box-top-btn right-box-top-btn-full" @click="editData('asset')" v-if="!tabView"> <div class="right-box-top-btn right-box-top-btn-full" @click="editData('asset')"
v-if="!tabView">
<div class="right-box-btn-icon"> <div class="right-box-btn-icon">
<i class="el-icon-edit-outline"></i> <i class="el-icon-edit-outline"></i>
</div> </div>
<span v-if="!tabView">{{$t('overall.save')}}</span> <span v-if="!tabView">{{$t('overall.save')}}</span>
</div> </div>
<div class="right-box-top-btn right-box-top-btn-full" @click="tabView=false" v-if="tabView"> <div class="right-box-top-btn right-box-top-btn-full" @click="tabView=false"
v-if="tabView">
<div class="right-box-btn-icon"> <div class="right-box-btn-icon">
<i class="el-icon-edit-outline"></i> <i class="el-icon-edit-outline"></i>
</div> </div>
@@ -661,7 +703,8 @@
<!------------------------------------------资产类型----------------------------------------------> <!------------------------------------------资产类型---------------------------------------------->
<el-form-item label="资产类型"> <el-form-item label="资产类型">
<div class="select-style"> <div class="select-style">
<el-select v-if="!tabView" v-model="assetType" clearable @change="getAllModelOptionData()"> <el-select v-if="!tabView" v-model="assetType" clearable
@change="getAllModelOptionData()">
<el-option <el-option
v-for="item in assetTypeOptionData" v-for="item in assetTypeOptionData"
:key="item.id" :key="item.id"
@@ -712,7 +755,7 @@
<ul style="list-style: none"> <ul style="list-style: none">
<li style="cursor: pointer;" <li style="cursor: pointer;"
v-for="(item,index) in assetTypeOptionData" v-for="(item,index) in assetTypeOptionData"
@click="clickState(index)" @click="clickState(index,item,'type')"
:class="{activeColor:modelCount === index}" :class="{activeColor:modelCount === index}"
:key="index"> :key="index">
<div> <div>
@@ -729,11 +772,9 @@
@click="editData('sys/dict/update',item)"></i> @click="editData('sys/dict/update',item)"></i>
</span> </span>
<span class="config-dropdown-btn config-dropdown-btn-delete" <span class="config-dropdown-btn config-dropdown-btn-delete"
@click.stop="delOptionData(item)"><i @click.stop="deleteData('/sys/dict/delete',item.id)"><i
class="el-icon-delete"></i> class="el-icon-delete"></i>
</span> </span>
<!-- <span>{{item.value}}</span>-->
<!-- <i class="el-icon-edit-outline"></i>-->
</div> </div>
</li> </li>
</ul> </ul>
@@ -749,7 +790,7 @@
{{$t('overall.save')}} {{$t('overall.save')}}
</div> </div>
</div> </div>
<span class="el-icon-plus" slot="reference"></span> <div slot="reference" style="font-size: 18px">+</div>
</el-popover> </el-popover>
</div> </div>
</div> </div>
@@ -760,8 +801,9 @@
<div class="select-style" v-if="!tabView"> <div class="select-style" v-if="!tabView">
<el-cascader <el-cascader
:options="vendorTypeOptionData" :options="vendorTypeOptionData"
:key="isResourceShow"
:disabled="this.assetType!=''?false:true"
v-model="assetData.modelId" v-model="assetData.modelId"
@focus="getConnectData()"
clearable clearable
> >
</el-cascader> </el-cascader>
@@ -787,7 +829,7 @@
<span style="display: block;padding-bottom: 20px">新厂商名称</span> <span style="display: block;padding-bottom: 20px">新厂商名称</span>
<input v-model="addVendorData.value"/> <input v-model="addVendorData.value"/>
<input type="button" value="+Add" <input type="button" value="+Add"
@click="addNewData('assetType')"></input> @click="addNewData('vendor')"></input>
<span style="display: block;padding-bottom: 20px">已有厂商</span> <span style="display: block;padding-bottom: 20px">已有厂商</span>
<div class="li-list-part"> <div class="li-list-part">
<ul style="list-style: none"> <ul style="list-style: none">
@@ -810,7 +852,7 @@
@click="editData('sys/dict/update',item)"></i> @click="editData('sys/dict/update',item)"></i>
</span> </span>
<span class="config-dropdown-btn config-dropdown-btn-delete" <span class="config-dropdown-btn config-dropdown-btn-delete"
@click.stop="delOptionData(item)"><i @click.stop="deleteData('/sys/dict/delete',item.id)"><i
class="el-icon-delete"></i> class="el-icon-delete"></i>
</span> </span>
</div> </div>
@@ -826,7 +868,7 @@
<ul style="list-style: none"> <ul style="list-style: none">
<li style="cursor: pointer;" <li style="cursor: pointer;"
v-for="(item,index) in modelUlData" v-for="(item,index) in modelUlData"
@click="clickState(index)" @click=" clickState(index,item,'model') "
:class="{activeColor:modelCount === index}" :class="{activeColor:modelCount === index}"
:key="index"> :key="index">
<div> <div>
@@ -862,7 +904,7 @@
{{$t('overall.save')}} {{$t('overall.save')}}
</div> </div>
</div> </div>
<span class="el-icon-plus" slot="reference"></span> <div slot="reference" style="font-size: 18px">+</div>
</el-popover> </el-popover>
</div> </div>
</div> </div>
@@ -932,7 +974,16 @@
<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="负责人">
<el-input v-model="addIdcData.principal"/> <el-select v-model="addIdcData.principal" clearable
@change="getSingleIDCData">
<el-option
v-for="item in idcUserData"
:key="item.key"
:label="item.username"
:value="item.userId"
>
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="Tel"> <el-form-item label="Tel">
<el-input v-model="addIdcData.tel"/> <el-input v-model="addIdcData.tel"/>
@@ -949,7 +1000,7 @@
{{$t('overall.save')}} {{$t('overall.save')}}
</div> </div>
</div> </div>
<span class="el-icon-plus" slot="reference"></span> <div slot="reference" style="font-size: 18px">+</div>
</el-popover> </el-popover>
</div> </div>
</div> </div>
@@ -989,7 +1040,8 @@
</span> </span>
<span class="config-dropdown-btn config-dropdown-btn-delete" <span class="config-dropdown-btn config-dropdown-btn-delete"
@click.stop="deleteData('cabinet',item.id)"><i @click.stop="deleteData('cabinet',item.id)"><i
class="el-icon-delete"></i></span> cla
s="el-icon-delete"></i></span>
</el-option> </el-option>
</el-select> </el-select>
<div class="el-select-add-btn"> <div class="el-select-add-btn">
@@ -1018,7 +1070,8 @@
<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="Desc">
<el-input v-model="addCabinetData.desc" type="textarea" <el-input v-model="addCabinetData.remark"
type="textarea"
:rows="2"/> :rows="2"/>
</el-form-item> </el-form-item>
<el-form-item label="IDC"> <el-form-item label="IDC">
@@ -1036,7 +1089,7 @@
{{$t('overall.save')}} {{$t('overall.save')}}
</div> </div>
</div> </div>
<span class="el-icon-plus" slot="reference"></span> <div slot="reference" style="font-size: 18px">+</div>
</el-popover> </el-popover>
</div> </div>
</div> </div>
@@ -1046,7 +1099,7 @@
<span>{{cabinetSelectedData.uSize}}</span> <span>{{cabinetSelectedData.uSize}}</span>
</el-form-item> </el-form-item>
<el-form-item label="Desc"> <el-form-item label="Desc">
<span>{{cabinetSelectedData.desc}}</span> <span>{{cabinetSelectedData.remark}}</span>
</el-form-item> </el-form-item>
<div style="font-size: 10px">CLI Account</div> <div style="font-size: 10px">CLI Account</div>
<el-divider></el-divider> <el-divider></el-divider>
@@ -1101,14 +1154,14 @@ export default {
cabinetId: '', cabinetId: '',
modelId: '' modelId: ''
}, },
assetViewData:{ assetViewData: {
assetType:'', assetType: '',
vendor:'', vendor: '',
model:'', model: '',
moduleNum:'', moduleNum: '',
alertNum:'', alertNum: '',
idcName:'', idcName: '',
cabinetName:'' cabinetName: ''
}, },
assetStateOption: [ assetStateOption: [
{ {
@@ -1184,15 +1237,9 @@ export default {
}], }],
tableData: [], tableData: [],
checkListData: [], checkListData: [],
assetTypeData11111: '',
assetTypeOptionData: [], assetTypeOptionData: [],
vendorTypeData: '', vendorTypeData: '',
vendorTypeOptionData: [ vendorTypeOptionData: [],
{
value: '',
label: '',
children: []
}],
vendorUlData: '', vendorUlData: '',
modelUlData: '', modelUlData: '',
vendorCode: '', vendorCode: '',
@@ -1250,9 +1297,10 @@ export default {
principal: '', principal: '',
tel: '' tel: ''
}, },
idcUserData: '',
cabinetSelectedData: { cabinetSelectedData: {
uSize: '', uSize: '',
desc: '', remark: '',
}, },
addCabinetData: { addCabinetData: {
name: '', name: '',
@@ -1269,7 +1317,6 @@ export default {
editPopVendorVisible: false, editPopVendorVisible: false,
editPopIDCVisible: false, editPopIDCVisible: false,
editPopCabinetVisible: false, editPopCabinetVisible: false,
vendorCount: '', vendorCount: '',
modelCount: '', modelCount: '',
allModelUlData: '', allModelUlData: '',
@@ -1277,7 +1324,14 @@ export default {
sn: '', sn: '',
host: '', host: '',
state: '', state: '',
} },
tempData: '',
tempModelData: [],
isResourceShow: 0,
unitDisable: '',
modelClickData: '',
popState:true,
obj: null
} }
}, },
computed: { computed: {
@@ -1287,32 +1341,49 @@ export default {
}, },
watch: { watch: {
getData: { getData: {
handler(newVal, oldVal) { handler(newVal) {
this.checkList.splice(0, 0, newVal.selectedData) this.checkList.splice(0, 0, newVal.selectedData)
console.log(newVal.selectedData)
}, },
deep: true, deep: true,
}, },
allModelUlData(newVal) {
if (newVal) {
this.getConnectData()
if(this.pageObj.id!=''){
this.assetData.modelId = [this.obj.model.vendor.code, this.obj.model.id]
}
}
},
assetType(newVal) {
if(newVal==''){
this.popState=true
}else{
this.popState=false
}
},
}, },
methods: { methods: {
changeState(){ ssss() {
this.tabView=false let routeData = this.$router.resolve({
name: "terminal",
query: {id:96}
});
window.open(routeData.href);
}, },
getAssetData(data) { getAssetData(data) {
if (data !== undefined) { if (data !== undefined) {
this.pageObj.id = data this.pageObj.id = data
this.$get('asset', this.pageObj).then(response => { this.$get('asset', this.pageObj).then(response => {
if (response.code === 200) { if (response.code === 200) {
console.log(response.data.list[0]) this.obj = response.data.list[0];
this.assetViewData.assetType = response.data.list[0].model.type.value this.assetViewData.assetType = response.data.list[0].model.type.value
this.assetViewData.vendor = response.data.list[0].model.vendor.value this.assetViewData.vendor = response.data.list[0].model.vendor.value
this.assetViewData.model = response.data.list[0].model.name this.assetViewData.model = response.data.list[0].model.name
this.assetViewData.idcName = response.data.list[0].idc.name this.assetViewData.idcName = response.data.list[0].idc.name
this.assetViewData.cabinetName = response.data.list[0].cabinet==null ? '' : response.data.list[0].cabinet.name this.assetViewData.cabinetName = response.data.list[0].cabinet == null ? '' : response.data.list[0].cabinet.name
this.assetViewData.moduleNum = response.data.list[0].moduleNum this.assetViewData.moduleNum = response.data.list[0].moduleNum
this.assetViewData.alertNum = response.data.list[0].alertNum this.assetViewData.alertNum = response.data.list[0].alertNum
this.assetViewData.cabinetName = response.data.list[0].cabinet==null ? '' : response.data.list[0].cabinet.name this.assetViewData.cabinetName = response.data.list[0].cabinet == null ? '' : response.data.list[0].cabinet.name
this.getCabinetOptionData(response.data.list[0].idc.id) this.getCabinetOptionData(response.data.list[0].idc.id)
this.assetType = response.data.list[0].model.type.code this.assetType = response.data.list[0].model.type.code
this.assetData.sn = response.data.list[0].sn this.assetData.sn = response.data.list[0].sn
@@ -1322,16 +1393,15 @@ export default {
this.assetData.cabinetId = response.data.list[0].cabinet == null ? '' : response.data.list[0].cabinet.id this.assetData.cabinetId = response.data.list[0].cabinet == null ? '' : response.data.list[0].cabinet.id
this.assetData.purchaseDate = response.data.list[0].purchaseDate this.assetData.purchaseDate = response.data.list[0].purchaseDate
this.idcSelectedData.location = response.data.list[0].idc.location this.idcSelectedData.location = response.data.list[0].idc.location
this.idcSelectedData.principal = response.data.list[0].idc.principal this.idcSelectedData.principal = this.getPrincipalName(response.data.list[0].idc.principal)
this.idcSelectedData.tel = response.data.list[0].idc.tel this.idcSelectedData.tel = response.data.list[0].idc.tel
this.cabinetSelectedData.uSize = response.data.list[0].cabinet == null ? '' : response.data.list[0].cabinet.uSize this.cabinetSelectedData.uSize = response.data.list[0].cabinet == null ? '' : response.data.list[0].cabinet.uSize
this.cabinetSelectedData.desc = response.data.list[0].cabinet == null ? '' : response.data.list[0].cabinet.remark this.cabinetSelectedData.remark = response.data.list[0].cabinet == null ? '' : response.data.list[0].cabinet.remark
this.assetData.modelId = [response.data.list[0].model.vendor.value, response.data.list[0].model.id] this.getAllModelOptionData(this.assetType)
this.getConnectData()
} }
}) })
} else { } else {
this.pageObj.id='' this.pageObj.id = ''
this.$get('asset', this.pageObj).then(response => { this.$get('asset', this.pageObj).then(response => {
if (response.code === 200) { if (response.code === 200) {
this.tableData = response.data.list; this.tableData = response.data.list;
@@ -1348,6 +1418,13 @@ export default {
} }
}) })
}, },
getUserData() {
this.$get('sys/user/list').then(response => {
if (response.code === 200) {
this.idcUserData = response.data.list
}
})
},
getCabinetOptionData(data) { getCabinetOptionData(data) {
this.$get('cabinet?idcId=' + data).then(response => { this.$get('cabinet?idcId=' + data).then(response => {
if (response.code === 200) { if (response.code === 200) {
@@ -1380,13 +1457,60 @@ export default {
} }
}) })
}, },
getAllModelOptionData() { getAllModelOptionData(data) {
this.$get('model?typeCode=' + this.assetType).then(response => { this.$get('model?typeCode=' + this.assetType).then(response => {
if (response.code === 200) { if (response.code === 200) {
this.allModelUlData = response.data.list this.allModelUlData = response.data.list
} }
}) })
}, },
editData(data, item) {
let obj = {
id: '',
type: '',
value: '',
code: ''
}
if (data === 'asset') {
console.log('asset')
this.assetData.modelId = this.assetData.modelId.join(',').split(',')[1]
this.$put('asset', this.assetData).then(res => {
if (res.code === 200) {
const h = this.$createElement;
this.$notify({
message: h('i', {style: 'color: teal'}, '修改成功'),
duration: 2000
});
this.pageObj.id = ''
this.getAssetData();
}
})
} else {
if (data === 'model') {
item.vendorCode = this.vendorCode
item.typeCode = this.assetType
}
if (data === 'vendor') {
obj.id = item.id
obj.code = item.code
obj.type = item.type
obj.value = item.label
data = 'sys/dict/update'
item = obj
}
this.$put(data, item).then(res => {
if (res.code === 200) {
const h = this.$createElement;
this.$notify({
message: h('i', {style: 'color: teal'}, '修改成功'),
duration: 2000
})
this.getAssetData();
this.getAllModelOptionData();
}
})
}
},
addNewData(type) { addNewData(type) {
if (type === 'IDC') { if (type === 'IDC') {
this.$post('idc', this.addIdcData).then(res => { this.$post('idc', this.addIdcData).then(res => {
@@ -1427,6 +1551,19 @@ export default {
} }
}) })
} }
if (type === 'vendor') {
console.log(this.addVendorData)
this.$post('sys/dict/save', this.addVendorData).then(res => {
if (res.code === 200) {
const h = this.$createElement;
this.$notify({
message: h('i', {style: 'color: teal'}, '添加成功'),
duration: 2000
});
this.getVendorOptionData()
}
})
}
if (type === 'model') { if (type === 'model') {
this.addNewModelData.typeCode = this.assetType this.addNewModelData.typeCode = this.assetType
this.addNewModelData.vendorCode = this.vendorCode this.addNewModelData.vendorCode = this.vendorCode
@@ -1438,7 +1575,7 @@ export default {
message: h('i', {style: 'color: teal'}, '添加成功'), message: h('i', {style: 'color: teal'}, '添加成功'),
duration: 2000 duration: 2000
}); });
this.getConnectData() this.getAllModelOptionData(this.assetType)
} else { } else {
const h = this.$createElement; const h = this.$createElement;
this.$notify({ this.$notify({
@@ -1451,62 +1588,45 @@ export default {
if (type === 'cabinet') { if (type === 'cabinet') {
this.addCabinetData.idcId = this.assetData.idcId this.addCabinetData.idcId = this.assetData.idcId
this.$post('cabinet', this.addCabinetData).then(res => { this.$post('cabinet', this.addCabinetData).then(res => {
const h = this.$createElement;
if (res.code === 200) { if (res.code === 200) {
const h = this.$createElement;
this.$notify({ this.$notify({
message: h('i', {style: 'color: teal'}, '添加成功'), message: h('i', {style: 'color: teal'}, '添加成功'),
duration: 2000 duration: 2000
}); });
this.getCabinetOptionData(this.addCabinetData.idcId) this.getCabinetOptionData(this.addCabinetData.idcId)
this.popoverClose('cabinet') this.popoverClose('cabinet')
} } else {
})
}
},
editData(data, item) {
if (data === 'asset') {
console.log('asset')
this.assetData.modelId = this.assetData.modelId.join(',').split(',')[1]
this.$put('asset', this.assetData).then(res => {
if (res.code === 200) {
const h = this.$createElement;
this.$notify({ this.$notify({
message: h('i', {style: 'color: teal'}, '修改成功'), message: h('i', {style: 'color: teal'}, res.msg),
duration: 2000 duration: 2000
}); });
this.pageObj.id = ''
this.getAssetData();
}
})
} else {
if (data === 'model') {
item.vendorCode = this.vendorCode
item.typeCode = this.assetType
}
this.$put(data, item).then(res => {
if (res.code === 200) {
const h = this.$createElement;
this.$notify({
message: h('i', {style: 'color: teal'}, '修改成功'),
duration: 2000
})
this.getAssetData();
} }
}) })
} }
}, },
deleteData(data,item){ deleteData(data, item) {
this.$delete(data+"?ids="+item).then(response => { this.$delete(data + "?ids=" + item).then(response => {
const h = this.$createElement;
if (response.code === 200) { if (response.code === 200) {
const h = this.$createElement;
this.$notify({ this.$notify({
message: h('i', {style: 'color: teal'}, '删除成功'), message: h('i', {style: 'color: teal'}, '删除成功'),
duration: 2000 duration: 2000
}); });
this.getIDCOptionData()
this.getAssetData() this.getAssetData()
this.getIDCOptionData()
this.getVendorOptionData()
this.getCabinetOptionData(this.assetData.idcId) this.getCabinetOptionData(this.assetData.idcId)
this.getAllModelOptionData(this.assetType)
this.getModelOptionData(this.assetType, this.vendorCode) this.getModelOptionData(this.assetType, this.vendorCode)
} else {
console.log(response)
this.$notify({
message: h('i', {style: 'color: teal'}, response.msg),
duration: 2000
});
} }
}) })
}, },
@@ -1517,26 +1637,39 @@ export default {
}) })
}, },
getConnectData() { getConnectData() {
this.getAllModelOptionData() this.isResourceShow += 1
var resultData = [] let resultData = []
let venData = this.vendorUlData
let modelData = this.allModelUlData let modelData = this.allModelUlData
for (var i = 0; i < venData.length; i++) { console.log(modelData)
var obj = {} for (let i = 0; i < modelData.length; i++) {
obj.value = venData[i].value let obj = {}
obj.label = venData[i].value obj.id = modelData[i].vendor.id
obj.code = modelData[i].vendor.code
obj.value = modelData[i].vendor.code
obj.label = modelData[i].vendor.value
obj.children = [] obj.children = []
for (var j = 0; j < modelData.length; j++) {
if (venData[i].code === modelData[j].vendor.code) {
var obj1 = {}
obj1.value = modelData[j].id
obj1.label = modelData[j].name
obj.children.push(obj1)
}
}
resultData.push(obj) resultData.push(obj)
} }
this.vendorTypeOptionData = resultData var result = [];
var obj1 = {};
for (let i = 0; i < resultData.length; i++) {
if (!obj1[resultData[i].id]) {
result.push(resultData[i]);
obj1[resultData[i].id] = true;
}
}
for (let x = 0; x < result.length; x++) {
for (let y = 0; y < modelData.length; y++) {
if (result[x].code === modelData[y].vendor.code) {
let obj2 = {}
obj2.value = modelData[y].id
obj2.label = modelData[y].name
result[x].children.push(obj2)
}
}
}
console.log(result)
this.vendorTypeOptionData = result
}, },
editOptionData(item) { editOptionData(item) {
if (!item.isEdit) { if (!item.isEdit) {
@@ -1560,11 +1693,12 @@ export default {
this.assetType = '' this.assetType = ''
this.assetData.idcId = '' this.assetData.idcId = ''
this.assetData.cabinetId = '' this.assetData.cabinetId = ''
this.assetData.modelId = ''
this.idcSelectedData.location = '' this.idcSelectedData.location = ''
this.idcSelectedData.principal = '' this.idcSelectedData.principal = ''
this.idcSelectedData.tel = '' this.idcSelectedData.tel = ''
this.cabinetSelectedData.uSize = '' this.cabinetSelectedData.uSize = ''
this.cabinetSelectedData.desc = '' this.cabinetSelectedData.remark = ''
} }
if (t === 'showEdit') { if (t === 'showEdit') {
@@ -1594,6 +1728,8 @@ export default {
}); });
this.getCabinetOptionData(this.assetData.idcId); this.getCabinetOptionData(this.assetData.idcId);
this.assetData.cabinetId = '' this.assetData.cabinetId = ''
this.cabinetSelectedData.uSize = ''
this.cabinetSelectedData.remark = ''
} }
, ,
getSingleCabinetData(data) { getSingleCabinetData(data) {
@@ -1623,8 +1759,27 @@ export default {
this.pageObj.pageSize = val; this.pageObj.pageSize = val;
this.getAssetData() this.getAssetData()
}, },
clickState(index) { clickState(index, item, data) {
this.modelCount = index; if (data === 'type') {
this.modelCount = index;
this.tempData = item;
}
if (data === 'model') {
this.modelCount = index;
this.modelClickData = item.id
}
},
transferData(data) {
if (data === 'type') {
this.assetType = this.tempData.code
this.popTypeVisible = false
this.tempData = ''
}
if (data === 'model') {
this.assetData.modelId = [this.vendorCode, this.modelClickData]
this.popCompVisible = false
this.tempData = ''
}
}, },
popoverClose(data) { popoverClose(data) {
if (data === 'type') { if (data === 'type') {
@@ -1660,6 +1815,13 @@ export default {
this.editPopCabinetVisible = !this.editPopCabinetVisible this.editPopCabinetVisible = !this.editPopCabinetVisible
} }
}, },
getPrincipalName(data){
for(let item in this.idcUserData){
if(this.idcUserData[item].userId === data){
return this.idcUserData[item].username
}
}
},
returnData(data) { returnData(data) {
if (data && data !== '--') { if (data && data !== '--') {
return data.name; return data.name;
@@ -1671,6 +1833,8 @@ export default {
} }
}, },
mounted() { mounted() {
this.getCabinetOptionData('')
this.getUserData()
this.getAssetData(); this.getAssetData();
this.getIDCOptionData(); this.getIDCOptionData();
this.getVendorOptionData(); this.getVendorOptionData();
@@ -1678,6 +1842,9 @@ export default {
window.onresize = () => { window.onresize = () => {
this.tableHeight = document.documentElement.clientHeight - 200; this.tableHeight = document.documentElement.clientHeight - 200;
} }
// let terminalContainer = document.getElementById('terminal-container')
// let term = new Terminal()
// term.open(terminalContainer)
} }
} }
</script> </script>