2020-02-19 16:33:01 +08:00
|
|
|
|
<template>
|
|
|
|
|
|
<transition name="right-box-580">
|
2020-02-26 18:26:55 +08:00
|
|
|
|
<div class="right-box right-box-add-asset" v-if="editUnitShow" @click="editQuit" id="asset-edit-quit" v-clickoutside="clickos">
|
2020-02-19 16:33:01 +08:00
|
|
|
|
<!--顶部按钮-->
|
|
|
|
|
|
<div class="right-box-top-btns">
|
|
|
|
|
|
<button v-if="!tabView && pageObj.id" type="button" @click="deleteData('asset', pageObj.id)" id="asset-edit-del"
|
|
|
|
|
|
class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
|
|
|
|
|
|
<span class="right-box-top-btn-icon"><i class="el-icon-delete"></i></span>
|
|
|
|
|
|
<span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<button v-if="tabView" id="asset-edit-edit" type="button" @click="tabView=false"
|
|
|
|
|
|
class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
|
|
|
|
|
|
<span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-edit"></i></span>
|
|
|
|
|
|
<span class="right-box-top-btn-txt">{{$t('overall.edit')}}</span>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="right-box-title">
|
|
|
|
|
|
{{tabView == true ? $t('asset.asset') : ''}}
|
|
|
|
|
|
{{tabView == false && pageObj.id ? $t('asset.EditAsset') : ''}}
|
|
|
|
|
|
{{tabView == false && !pageObj.id ? $t('asset.createAssetTab.title') : ''}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<el-scrollbar class="right-box-form-box">
|
|
|
|
|
|
<el-form ref="assetEditForm" :model="assetData" label-width="120px" class="right-box-form right-box-form-left" :rules="rules">
|
|
|
|
|
|
<el-form-item :label="$t('asset.createAssetTab.sn')" prop="sn">
|
2020-03-01 18:07:40 +08:00
|
|
|
|
<el-input size="small" v-if="!tabView" v-model="assetData.sn"/>
|
2020-02-19 16:33:01 +08:00
|
|
|
|
<el-popover trigger="hover" placement="bottom-start" :content="assetData.sn" >
|
|
|
|
|
|
<span slot="reference" class="sidebar-info-item-txt" v-if="tabView">{{assetData.sn}}</span>
|
|
|
|
|
|
</el-popover>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item :label="this.$t('asset.createAssetTab.host')" prop="host">
|
2020-03-01 18:07:40 +08:00
|
|
|
|
<el-input size="small" v-if="!tabView" v-model="assetData.host"/>
|
2020-02-19 16:33:01 +08:00
|
|
|
|
<span v-if="tabView">{{assetData.host}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item :label="this.$t('asset.createAssetTab.state')">
|
|
|
|
|
|
<div v-if="!tabView" class="select-style">
|
2020-03-02 18:46:35 +08:00
|
|
|
|
<el-select size="small" v-model="assetData.state" placeholder="" popper-class="asset-dropdown" >
|
2020-02-19 16:33:01 +08:00
|
|
|
|
<el-option
|
|
|
|
|
|
:id="'asset-edit-state-op-'+item.value"
|
|
|
|
|
|
v-for="item in assetStateOption"
|
|
|
|
|
|
:key="item.value"
|
|
|
|
|
|
:label="item.label"
|
|
|
|
|
|
:value="item.value">
|
|
|
|
|
|
</el-option>
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span v-if="tabView">{{assetData.state==1 ? $t('asset.createAssetTab.inStock'): $t('asset.createAssetTab.notInStock')}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item :label="$t('asset.tableTitle.modules')" v-if="tabView">
|
|
|
|
|
|
<div v-if="assetViewData.moduleNum > 0" >
|
|
|
|
|
|
<module-list-pop :asset-id="obj.id + ''" @openModuleBox="openModuleBox" placement="left" :ref="'moduleListPop' + obj.id">
|
|
|
|
|
|
<template v-slot:optionZone>
|
|
|
|
|
|
<button class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-min-width-75">{{assetViewData.moduleNum}}</button>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
</module-list-pop>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<button type="button" v-else class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-min-width-75 nz-btn-disabled">{{assetViewData.moduleNum}}</button>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item :label="$t('asset.tableTitle.alerts')" v-if="tabView">
|
|
|
|
|
|
<button type="button" v-if="assetViewData.alertNum > 0" id="'asset-alerts-'+scope.row.id" @click="jumpToAlertMsg(obj.id)" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-min-width-75">{{assetViewData.alertNum}}</button>
|
|
|
|
|
|
<button type="button" v-else class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-min-width-75 nz-btn-disabled">{{assetViewData.alertNum}}</button>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<div class="asset-sub-title">{{$t('asset.createAssetTab.assetInfo')}}</div>
|
|
|
|
|
|
<div class="line-100 asset-line"></div>
|
|
|
|
|
|
<!------------------------------------------资产类型---------------------------------------------->
|
|
|
|
|
|
<el-form-item :label="$t('asset.createAssetTab.assetType')" class="right-box-form-content" prop="assetType">
|
2020-03-01 18:07:40 +08:00
|
|
|
|
<el-select popper-class="asset-dropdown" size="small" v-if="!tabView" v-model="assetType" clearable @visible-change="cancelEdit"
|
2020-03-11 17:14:33 +08:00
|
|
|
|
@change="getAllModelOptionData()">
|
2020-02-19 16:33:01 +08:00
|
|
|
|
<el-option
|
|
|
|
|
|
:id="'asset-edit-type-op-'+item.id"
|
|
|
|
|
|
v-for="item in assetTypeOptionData"
|
|
|
|
|
|
:key="item.id"
|
|
|
|
|
|
:value="item.code"
|
|
|
|
|
|
:label="item.value"
|
|
|
|
|
|
>
|
2020-03-02 18:46:35 +08:00
|
|
|
|
<span class="asset-dropdown-label-txt" v-if="!item.isEdit">{{ item.value }}</span>
|
|
|
|
|
|
<span class="asset-dropdown-label-input" v-if="item.isEdit" @click.stop="editing(item)">
|
2020-03-01 18:07:40 +08:00
|
|
|
|
<el-input type="text" v-model="item.value" size="small"/>
|
2020-02-19 16:33:01 +08:00
|
|
|
|
</span>
|
2020-03-02 18:46:35 +08:00
|
|
|
|
<div class="asset-dropdown-label-icons">
|
|
|
|
|
|
<span class="asset-dropdown-btn asset-dropdown-btn-delete" @click.stop="delOptionData(item)" :id="'asset-edit-type-op-del-'+item.id">
|
2020-02-19 16:33:01 +08:00
|
|
|
|
<i class="el-icon-delete"></i>
|
|
|
|
|
|
</span>
|
2020-03-02 18:46:35 +08:00
|
|
|
|
<span class="asset-dropdown-btn" @click.stop="editOptionData(item,'type')" :id="'asset-edit-type-op-edit-'+item.id">
|
2020-02-19 16:33:01 +08:00
|
|
|
|
<i class="nz-icon nz-icon-edit" v-if="!item.isEdit"></i>
|
|
|
|
|
|
<i class="el-icon-check" v-if="item.isEdit"
|
|
|
|
|
|
@click="editData('sys/dict/update',item)"></i>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</el-option>
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
<span v-if="tabView">{{assetViewData.assetType}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<!------------------------------------------厂商/型号---------------------------------------------->
|
2020-03-11 17:14:33 +08:00
|
|
|
|
<el-form-item :label="this.$t('asset.createAssetTab.vendorModel')" class="right-box-form-content" prop="modelId">
|
2020-02-19 16:33:01 +08:00
|
|
|
|
<template v-if="!tabView">
|
|
|
|
|
|
<el-cascader
|
|
|
|
|
|
:options="vendorTypeOptionData"
|
|
|
|
|
|
:key="isResourceShow"
|
|
|
|
|
|
:disabled="this.assetType!=''?false:true"
|
|
|
|
|
|
v-model="assetData.modelId"
|
|
|
|
|
|
clearable
|
2020-03-01 18:07:40 +08:00
|
|
|
|
size="small"
|
2020-02-19 16:33:01 +08:00
|
|
|
|
placeholder=""
|
|
|
|
|
|
class="right-box-row-with-btn"
|
|
|
|
|
|
>
|
|
|
|
|
|
</el-cascader>
|
2020-03-12 12:13:45 +08:00
|
|
|
|
<div class="right-box-row-btn" v-if="!tabView" @click="addVendor"><i class="el-icon-plus"></i>
|
2020-02-19 16:33:01 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
<span v-if="tabView">{{assetViewData.vendor}} {{assetViewData.model}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item :label="this.$t('asset.createAssetTab.purchaseDate')">
|
|
|
|
|
|
<div class="select-style" v-if="!tabView">
|
|
|
|
|
|
<el-date-picker
|
2020-03-01 18:07:40 +08:00
|
|
|
|
size="small"
|
2020-02-19 16:33:01 +08:00
|
|
|
|
v-model="assetData.purchaseDate"
|
|
|
|
|
|
value-format="yyyy-MM-dd"
|
|
|
|
|
|
type="date"
|
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
|
placeholder="">
|
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span v-if="tabView">{{assetData.purchaseDate}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<div class="asset-sub-title">{{$t('asset.createAssetTab.dc')}}</div>
|
|
|
|
|
|
<div class="line-100 asset-line"></div>
|
|
|
|
|
|
<!------------------------------------------IDC---------------------------------------------->
|
|
|
|
|
|
<el-form-item :label="this.$t('asset.createAssetTab.dcName')" class="right-box-form-content" prop="idcId">
|
|
|
|
|
|
<template v-if="!tabView">
|
2020-02-27 09:23:37 +08:00
|
|
|
|
<!-- <el-select popper-class="asset-dropdown" size="mini" v-model="assetData.idcId" clearable @change="getSingleIDCData" class="right-box-row-with-btn" placeholder="">-->
|
2020-03-01 18:07:40 +08:00
|
|
|
|
<el-select popper-class="asset-dropdown" size="small" v-model="assetData.idcId" clearable @change="getSingleIDCData" placeholder="">
|
2020-02-19 16:33:01 +08:00
|
|
|
|
<el-option
|
|
|
|
|
|
:id="'asset-edit-idc-op-'+item.id"
|
|
|
|
|
|
v-for="item in IDCOptionData"
|
|
|
|
|
|
:key="item.key"
|
|
|
|
|
|
:label="item.name"
|
|
|
|
|
|
:value="item.id"
|
|
|
|
|
|
>
|
2020-03-02 18:46:35 +08:00
|
|
|
|
<span class="asset-dropdown-label-txt">{{ item.name }}</span>
|
2020-02-19 16:33:01 +08:00
|
|
|
|
</el-option>
|
|
|
|
|
|
</el-select>
|
2020-03-02 17:34:44 +08:00
|
|
|
|
<!-- <div class="right-box-row-btn ">-->
|
2020-02-27 09:23:37 +08:00
|
|
|
|
<!-- <idc-config-box placement="left" @after="getIDCOptionData"></idc-config-box>-->
|
|
|
|
|
|
<!-- </div>-->
|
2020-02-19 16:33:01 +08:00
|
|
|
|
</template>
|
|
|
|
|
|
<span v-if="tabView">{{assetViewData.idcName}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item :label="$t('asset.createAssetTab.location')">
|
|
|
|
|
|
<span>{{idcSelectedData.location}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item :label="$t('asset.createAssetTab.principal')">
|
|
|
|
|
|
<span>{{this.getPrincipalName(idcSelectedData.principal)}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item :label="$t('asset.createAssetTab.tel')">
|
|
|
|
|
|
<span>{{idcSelectedData.tel}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-divider></el-divider>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!------------------------------------------cabinet---------------------------------------------->
|
|
|
|
|
|
<el-form-item :label="$t('asset.createAssetTab.cabinet')" class="right-box-form-content">
|
|
|
|
|
|
<template v-if="!tabView">
|
2020-02-27 09:23:37 +08:00
|
|
|
|
<!-- <el-select clearable v-model="assetData.cabinetId" clearable class="right-box-row-with-btn" popper-class="asset-dropdown"-->
|
|
|
|
|
|
<el-select clearable v-model="assetData.cabinetId" clearable popper-class="asset-dropdown"
|
2020-03-01 18:07:40 +08:00
|
|
|
|
:disabled="assetData.idcId==''?true:false" size="small" placeholder=""
|
2020-02-19 16:33:01 +08:00
|
|
|
|
@change="getSingleCabinetData">
|
|
|
|
|
|
<el-option
|
|
|
|
|
|
:id="'asset-edit-cabinet-op-'+item.id"
|
|
|
|
|
|
v-for="item in cabinetOptionData"
|
|
|
|
|
|
:key="item.id"
|
|
|
|
|
|
:label="item.name"
|
|
|
|
|
|
:value="item.id"
|
|
|
|
|
|
>
|
2020-03-02 18:46:35 +08:00
|
|
|
|
<span class="asset-dropdown-label-txt">{{ item.name }}</span>
|
|
|
|
|
|
<!-- <div class="asset-dropdown-label-icons">-->
|
|
|
|
|
|
<!-- <span class="asset-dropdown-btn asset-dropdown-btn-delete"-->
|
2020-02-27 09:23:37 +08:00
|
|
|
|
<!-- @click.stop="deleteData('cabinet',item.id)" :id="'asset-edit-cabinet-op-del-'+item.id">-->
|
|
|
|
|
|
<!-- <i class="el-icon-delete"></i>-->
|
|
|
|
|
|
<!-- </span>-->
|
2020-03-02 18:46:35 +08:00
|
|
|
|
<!-- <cabinet-config-box placement="left" :post-cabinet="item" button-class="asset-dropdown-btn" @after="getCabinetOptionData">-->
|
2020-02-27 09:23:37 +08:00
|
|
|
|
<!-- <i slot="optionZone" class="nz-icon nz-icon-edit"></i>-->
|
|
|
|
|
|
<!-- </cabinet-config-box>-->
|
|
|
|
|
|
<!-- </div>-->
|
2020-02-19 16:33:01 +08:00
|
|
|
|
</el-option>
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
|
2020-03-02 17:34:44 +08:00
|
|
|
|
<!-- <div class="right-box-row-btn ">-->
|
2020-02-27 09:23:37 +08:00
|
|
|
|
<!-- <cabinet-config-box placement="left" :post-cabinet="addCabinetData" @after="getCabinetOptionData"></cabinet-config-box>-->
|
|
|
|
|
|
<!-- </div>-->
|
2020-02-19 16:33:01 +08:00
|
|
|
|
</template>
|
|
|
|
|
|
<span v-if="tabView">{{assetViewData.cabinetName}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item :label="$t('asset.editAssetTab.uSize')">
|
|
|
|
|
|
<span>{{cabinetSelectedData.uSize}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item :label="$t('asset.editAssetTab.remark')">
|
|
|
|
|
|
<span>{{cabinetSelectedData.remark}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<!--cli-->
|
|
|
|
|
|
<div class="asset-sub-title">{{$t('asset.createAssetTab.cli')}}
|
|
|
|
|
|
<el-switch v-if="!tabView" style="float: right;" v-model="accountSwitch" active-color="#ee9d3f" :disabled="parseInt(assetData.exporter)===1"></el-switch>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="line-100 asset-line"></div>
|
|
|
|
|
|
<template v-if="accountSwitch">
|
2020-03-13 15:59:23 +08:00
|
|
|
|
<account-config-box v-for="(item,index) in assetData.accounts" :is-edit="!tabView" :account="item" :key="index" ref="accountConfigBox" @setValidateResult="setAccountValideResult" :is-allowed-change-protocol="changeProtocolSwitch" @protocol-type-change="protocolTypeChange"></account-config-box>
|
2020-02-19 16:33:01 +08:00
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<template v-if="!pageObj.id">
|
|
|
|
|
|
<el-form-item :label="$t('asset.createAssetTab.exporter')" class="exporter-label">
|
2020-03-13 15:59:23 +08:00
|
|
|
|
<el-switch class="exporter-switch" v-model="assetData.exporter" active-color="#ee9d3f" active-value="1" inactive-value="0" :disabled="exporterDisableSwitch"></el-switch>
|
2020-02-19 16:33:01 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<div class="line-100 asset-line" style="margin-top: -16px;"></div>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
</el-form>
|
|
|
|
|
|
</el-scrollbar>
|
|
|
|
|
|
|
|
|
|
|
|
<!--底部按钮-->
|
|
|
|
|
|
<div class="right-box-bottom-btns">
|
|
|
|
|
|
<button @click.stop="sendStateData('close')" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-min-width-100" id="asset-edit-cancel">
|
|
|
|
|
|
<span>{{$t('overall.cancel')}}</span>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<button v-if="!tabView" @click.stop="editData('asset')" class="nz-btn nz-btn-size-normal nz-btn-style-normal nz-btn-min-width-100" id="asset-edit-save">
|
|
|
|
|
|
<span>{{$t('overall.save')}}</span>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<module-box :module="module" @reload="refreshTabData" ref="moduleBox"></module-box>
|
2020-03-12 12:13:45 +08:00
|
|
|
|
<model-box ref="modelBox" :model="model" @reload="getAllModelOptionData"></model-box>
|
2020-02-19 16:33:01 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</transition>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
import accountConfig from '../../page/asset/accountConfig';
|
|
|
|
|
|
import {host} from '../js/validate';
|
|
|
|
|
|
export default {
|
|
|
|
|
|
name: "assetEditUnit",
|
|
|
|
|
|
props: ["editUnitShow", "editUnitId"],
|
|
|
|
|
|
components:{
|
|
|
|
|
|
'account-config-box': accountConfig,
|
|
|
|
|
|
},
|
|
|
|
|
|
data() {
|
|
|
|
|
|
return {
|
|
|
|
|
|
visible: '',
|
|
|
|
|
|
vendorModelData: '',
|
|
|
|
|
|
assetData: {
|
|
|
|
|
|
id: '',
|
|
|
|
|
|
sn: '',
|
|
|
|
|
|
host: '',
|
|
|
|
|
|
state: '',
|
|
|
|
|
|
purchaseDate: '',
|
|
|
|
|
|
idcId: '',
|
|
|
|
|
|
cabinetId: '',
|
|
|
|
|
|
modelId: '',
|
|
|
|
|
|
assetType: '',
|
|
|
|
|
|
accounts: [{
|
|
|
|
|
|
id: '',
|
|
|
|
|
|
authType: 1,
|
2020-03-09 08:41:21 +08:00
|
|
|
|
protocol:'SSH',
|
2020-02-19 16:33:01 +08:00
|
|
|
|
user: '',
|
|
|
|
|
|
pwd: '',
|
|
|
|
|
|
port: '',
|
2020-03-09 08:41:21 +08:00
|
|
|
|
userTip:"",
|
|
|
|
|
|
passwordTip:'',
|
|
|
|
|
|
reloginPasswordTip:''
|
2020-02-19 16:33:01 +08:00
|
|
|
|
}],
|
|
|
|
|
|
exporter: 0
|
|
|
|
|
|
},
|
|
|
|
|
|
accountSwitch:false,//true 开启，false 关闭
|
|
|
|
|
|
accountData: '',
|
|
|
|
|
|
assetViewData: {
|
|
|
|
|
|
assetType: '',
|
|
|
|
|
|
vendor: '',
|
|
|
|
|
|
model: '',
|
|
|
|
|
|
moduleNum: '',
|
|
|
|
|
|
alertNum: '',
|
|
|
|
|
|
idcName: '',
|
|
|
|
|
|
cabinetName: ''
|
|
|
|
|
|
},
|
|
|
|
|
|
assetStateOption: [
|
|
|
|
|
|
{
|
|
|
|
|
|
value: 1,
|
|
|
|
|
|
label: this.$t('asset.createAssetTab.inStock')
|
|
|
|
|
|
}, {
|
|
|
|
|
|
value: 2,
|
|
|
|
|
|
label: this.$t('asset.createAssetTab.notInStock')
|
|
|
|
|
|
}],
|
|
|
|
|
|
cabinetModelData: '',
|
|
|
|
|
|
checkList: [],
|
|
|
|
|
|
assetTypeOptionData: [],
|
|
|
|
|
|
vendorTypeData: '',
|
|
|
|
|
|
vendorTypeOptionData: [],
|
|
|
|
|
|
vendorUlData: '',
|
|
|
|
|
|
modelUlData: '',
|
|
|
|
|
|
vendorCode: '',
|
|
|
|
|
|
IDCData: '',
|
|
|
|
|
|
IDCOptionData: [],
|
|
|
|
|
|
cabinetData: '',
|
|
|
|
|
|
cabinetOptionData: [],
|
|
|
|
|
|
input: '',
|
|
|
|
|
|
pageObj: {
|
|
|
|
|
|
id: '',
|
|
|
|
|
|
pageNo: 1,
|
|
|
|
|
|
pageSize: 20,
|
|
|
|
|
|
total: 0,
|
|
|
|
|
|
idcId: '',
|
|
|
|
|
|
idcIds: ''
|
|
|
|
|
|
},
|
|
|
|
|
|
tableHeight: document.documentElement.clientHeight - 200,
|
|
|
|
|
|
tabView: false,
|
|
|
|
|
|
assetType: '',
|
|
|
|
|
|
assetTypeData: {
|
|
|
|
|
|
type: 'assetType',
|
|
|
|
|
|
value: '',
|
|
|
|
|
|
},
|
|
|
|
|
|
addVendorData: {
|
|
|
|
|
|
type: 'vendor',
|
|
|
|
|
|
value: '',
|
|
|
|
|
|
},
|
|
|
|
|
|
addNewModelData: {
|
|
|
|
|
|
name: '',
|
|
|
|
|
|
vendorCode: '',
|
|
|
|
|
|
typeCode: ''
|
|
|
|
|
|
},
|
|
|
|
|
|
accountType: '',
|
|
|
|
|
|
idcSelectedData: {
|
|
|
|
|
|
id: '',
|
|
|
|
|
|
name: '',
|
|
|
|
|
|
location: '',
|
|
|
|
|
|
principal: '',
|
|
|
|
|
|
tel: ''
|
|
|
|
|
|
},
|
2020-03-12 12:13:45 +08:00
|
|
|
|
model: {
|
|
|
|
|
|
id: '',
|
|
|
|
|
|
name: '',
|
|
|
|
|
|
vendor: {id: '', value: '', code: '', type: ''},
|
|
|
|
|
|
type: {id: '', value: '', code: '', type: ''},
|
|
|
|
|
|
assetStat: {total: '', inStock: '', outStock: ''},
|
|
|
|
|
|
remark: '',
|
|
|
|
|
|
vendorCode: '',
|
|
|
|
|
|
typeCode: ''
|
|
|
|
|
|
},
|
2020-02-19 16:33:01 +08:00
|
|
|
|
addIdcData: {
|
|
|
|
|
|
id: '',
|
|
|
|
|
|
name: '',
|
|
|
|
|
|
location: '',
|
|
|
|
|
|
principal: '',
|
|
|
|
|
|
tel: ''
|
|
|
|
|
|
},
|
|
|
|
|
|
popIdcData: {
|
|
|
|
|
|
id: '',
|
|
|
|
|
|
name: '',
|
|
|
|
|
|
location: '',
|
|
|
|
|
|
principal: '',
|
|
|
|
|
|
tel: ''
|
|
|
|
|
|
},
|
|
|
|
|
|
idcUserData: '',
|
|
|
|
|
|
cabinetSelectedData: {
|
|
|
|
|
|
name: '',
|
|
|
|
|
|
uSize: 0,
|
|
|
|
|
|
remark: '',
|
|
|
|
|
|
idcId: '',
|
|
|
|
|
|
},
|
|
|
|
|
|
addCabinetData: {
|
|
|
|
|
|
name: '',
|
|
|
|
|
|
popName: '',
|
|
|
|
|
|
uSize: 0,
|
|
|
|
|
|
remark: '',
|
|
|
|
|
|
idcId: '',
|
|
|
|
|
|
},
|
|
|
|
|
|
popCabinetData: {
|
|
|
|
|
|
name: '',
|
|
|
|
|
|
uSize: 0,
|
|
|
|
|
|
remark: '',
|
|
|
|
|
|
idcId: '',
|
|
|
|
|
|
},
|
|
|
|
|
|
addCabIDCData: {
|
|
|
|
|
|
id: '',
|
|
|
|
|
|
name: '',
|
|
|
|
|
|
location: '',
|
|
|
|
|
|
principal: '',
|
|
|
|
|
|
tel: ''
|
|
|
|
|
|
},
|
|
|
|
|
|
popTypeVisible: false,
|
|
|
|
|
|
popCompVisible: false,
|
|
|
|
|
|
popIDCVisible: false,
|
|
|
|
|
|
popCabinetVisible: false,
|
|
|
|
|
|
|
|
|
|
|
|
editPopTypeVisible: false,
|
|
|
|
|
|
editPopVendorVisible: false,
|
|
|
|
|
|
editPopIDCVisible: false,
|
|
|
|
|
|
editPopCabinetVisible: false,
|
|
|
|
|
|
vendorCount: '',
|
|
|
|
|
|
modelCount: '',
|
|
|
|
|
|
allModelUlData: '',
|
|
|
|
|
|
tempData: '',
|
|
|
|
|
|
tempModelData: [],
|
|
|
|
|
|
isResourceShow: 0,
|
|
|
|
|
|
unitDisable: '',
|
|
|
|
|
|
modelClickData: '',
|
|
|
|
|
|
popState: true,
|
|
|
|
|
|
obj: null,
|
|
|
|
|
|
addUnitShow: false,
|
|
|
|
|
|
rules: {
|
|
|
|
|
|
sn: [
|
|
|
|
|
|
{required: true, message: this.$t('validate.required'), trigger: 'blur'}
|
|
|
|
|
|
],
|
|
|
|
|
|
host: [
|
|
|
|
|
|
{required:true,message:this.$t('validate.required'),trigger: 'blur'},
|
|
|
|
|
|
{validator:host, trigger: 'blur'}
|
|
|
|
|
|
],
|
|
|
|
|
|
modelId: [
|
|
|
|
|
|
{required: true, message: this.$t('validate.required'), trigger: 'change'}
|
|
|
|
|
|
],
|
|
|
|
|
|
assetType: [
|
|
|
|
|
|
{required: true, message: this.$t('validate.required'), trigger: 'change'}
|
|
|
|
|
|
],
|
|
|
|
|
|
idcId: [
|
|
|
|
|
|
{required: true, message: this.$t('validate.required'), trigger: 'change'}
|
|
|
|
|
|
],
|
|
|
|
|
|
},
|
|
|
|
|
|
cabRules: {
|
|
|
|
|
|
name: [
|
|
|
|
|
|
{required: true, message: this.$t('validate.required'), trigger: 'blur'}
|
|
|
|
|
|
],
|
|
|
|
|
|
uSize: [
|
|
|
|
|
|
{required: true, type: 'number', min: 1, max: 47, message: this.$t('validate.required'), trigger: 'blur'}
|
|
|
|
|
|
],
|
|
|
|
|
|
idcId: [
|
|
|
|
|
|
{required: true, message: this.$t('validate.required'), trigger: 'blur'}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
formData:null,
|
|
|
|
|
|
module:{},
|
2020-03-09 08:41:21 +08:00
|
|
|
|
accountValideResult:true,
|
|
|
|
|
|
changeProtocolSwitch:true,
|
2020-03-13 15:59:23 +08:00
|
|
|
|
exporterDisableSwitch:false
|
2020-02-19 16:33:01 +08:00
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
/*computed: {
|
|
|
|
|
|
getData() {
|
|
|
|
|
|
return this.$store.state.assetData
|
|
|
|
|
|
}
|
|
|
|
|
|
},*/
|
|
|
|
|
|
watch: {
|
2020-03-12 12:13:45 +08:00
|
|
|
|
allModelUlData: {
|
|
|
|
|
|
deep: true,
|
|
|
|
|
|
immediate: true,
|
|
|
|
|
|
handler(newVal) {
|
|
|
|
|
|
if (newVal) {
|
|
|
|
|
|
this.getConnectData();
|
|
|
|
|
|
if (this.pageObj.id != '') {
|
|
|
|
|
|
this.assetData.modelId = [this.obj.model.vendor.code, this.obj.model.id]
|
|
|
|
|
|
}
|
2020-02-19 16:33:01 +08:00
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
assetType(newVal) {
|
|
|
|
|
|
this.assetData.assetType = newVal;
|
|
|
|
|
|
if (newVal == '') {
|
|
|
|
|
|
this.popState = true
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.popState = false
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
'assetData.idcId': function(n, o) {
|
|
|
|
|
|
this.addCabinetData.idcId = n;
|
|
|
|
|
|
},
|
|
|
|
|
|
accountSwitch(n) {
|
|
|
|
|
|
if (n) {
|
|
|
|
|
|
if (!this.assetData.accounts[0]) {
|
|
|
|
|
|
!this.assetData.accounts.push({
|
|
|
|
|
|
id: '',
|
|
|
|
|
|
user:"",
|
|
|
|
|
|
authType:1,
|
2020-03-09 08:41:21 +08:00
|
|
|
|
protocol:'SSH',
|
2020-02-19 16:33:01 +08:00
|
|
|
|
pwd:"",
|
|
|
|
|
|
port:'',
|
|
|
|
|
|
privateKey:'',
|
2020-03-09 08:41:21 +08:00
|
|
|
|
userTip:"",
|
|
|
|
|
|
passwordTip:'',
|
|
|
|
|
|
reloginPasswordTip:''
|
2020-02-19 16:33:01 +08:00
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
'assetData.exporter':function(n,o){
|
|
|
|
|
|
if(parseInt(n) === 1){
|
|
|
|
|
|
this.accountSwitch=true;
|
2020-03-09 08:41:21 +08:00
|
|
|
|
this.changeProtocolSwitch=false;
|
|
|
|
|
|
for(let account of this.assetData.accounts){
|
|
|
|
|
|
account.protocol='SSH';
|
|
|
|
|
|
}
|
|
|
|
|
|
}else{
|
|
|
|
|
|
this.changeProtocolSwitch=true;
|
2020-02-19 16:33:01 +08:00
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
methods: {
|
2020-02-26 18:26:55 +08:00
|
|
|
|
clickos() {
|
|
|
|
|
|
this.sendStateData('close');
|
|
|
|
|
|
},
|
2020-02-19 16:33:01 +08:00
|
|
|
|
cancelEdit(data) {
|
|
|
|
|
|
if (data === false) {
|
|
|
|
|
|
this.getAssetTypeOptionData();
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
clickOutSide(data) {
|
|
|
|
|
|
if (data) {
|
|
|
|
|
|
this.editQuit();
|
|
|
|
|
|
this.modelCount = '';
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
2020-03-12 12:13:45 +08:00
|
|
|
|
show() {
|
|
|
|
|
|
this.getIDCOptionData();
|
|
|
|
|
|
this.getVendorOptionData();
|
|
|
|
|
|
this.getAssetTypeOptionData();
|
|
|
|
|
|
},
|
2020-02-19 16:33:01 +08:00
|
|
|
|
editQuit() {
|
|
|
|
|
|
for (let i of this.assetTypeOptionData) {
|
|
|
|
|
|
if (i.isEdit === true) {
|
|
|
|
|
|
i.isEdit = false;
|
|
|
|
|
|
this.getAssetTypeOptionData();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
for (let i of this.vendorUlData) {
|
|
|
|
|
|
if (i.isEdit === true) {
|
|
|
|
|
|
i.isEdit = false;
|
|
|
|
|
|
this.getVendorOptionData();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
for (let i of this.modelUlData) {
|
|
|
|
|
|
if (i.isEdit === true) {
|
|
|
|
|
|
i.isEdit = false;
|
|
|
|
|
|
this.getModelOptionData(this.assetType, this.vendorCode);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
getAssetData(data) {
|
|
|
|
|
|
if (data) {
|
|
|
|
|
|
this.pageObj.id = data;
|
|
|
|
|
|
this.$get('asset', this.pageObj).then(response => {
|
|
|
|
|
|
if (response.code === 200) {
|
|
|
|
|
|
this.obj = response.data.list[0];
|
|
|
|
|
|
this.assetViewData.assetType = response.data.list[0].model.type.value
|
|
|
|
|
|
this.assetViewData.vendor = response.data.list[0].model.vendor.value
|
|
|
|
|
|
this.assetViewData.model = response.data.list[0].model.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.moduleNum = response.data.list[0].moduleNum
|
|
|
|
|
|
this.assetViewData.alertNum = response.data.list[0].alertNum
|
|
|
|
|
|
this.assetViewData.cabinetName = response.data.list[0].cabinet == null ? '' : response.data.list[0].cabinet.name
|
|
|
|
|
|
this.getCabinetOptionData(response.data.list[0].idc.id)
|
|
|
|
|
|
this.assetType = response.data.list[0].model.type.code
|
|
|
|
|
|
this.assetData.sn = response.data.list[0].sn
|
|
|
|
|
|
this.assetData.host = response.data.list[0].host
|
|
|
|
|
|
this.assetData.state = response.data.list[0].state
|
|
|
|
|
|
this.assetData.idcId = response.data.list[0].idc.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.accounts[0].id = response.data.list[0].accounts[0].id
|
|
|
|
|
|
// this.assetData.accounts[0].authType = response.data.list[0].accounts[0].authType
|
|
|
|
|
|
// this.assetData.accounts[0].user = response.data.list[0].accounts[0].user
|
|
|
|
|
|
// this.assetData.accounts[0].pwd = response.data.list[0].accounts[0].pwd
|
|
|
|
|
|
// this.assetData.accounts[0].port = response.data.list[0].accounts[0].port
|
|
|
|
|
|
// this.assetData.accounts[0].cert = response.data.list[0].accounts[0].privateKey
|
|
|
|
|
|
this.assetData.accounts=response.data.list[0].accounts[0]?response.data.list[0].accounts:[];
|
|
|
|
|
|
this.accountSwitch=this.assetData.accounts.length>0;
|
|
|
|
|
|
this.idcSelectedData.location = response.data.list[0].idc.location
|
|
|
|
|
|
this.idcSelectedData.principal = response.data.list[0].idc.principal
|
|
|
|
|
|
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.remark = response.data.list[0].cabinet == null ? '' : response.data.list[0].cabinet.remark
|
|
|
|
|
|
this.getAllModelOptionData(this.assetType)
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
} else {
|
2020-03-03 20:50:50 +08:00
|
|
|
|
this.resetAsset();
|
2020-02-19 16:33:01 +08:00
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
openModuleBox(module) {
|
|
|
|
|
|
this.module = module;
|
|
|
|
|
|
this.$refs.moduleBox.show(true);
|
|
|
|
|
|
this.$refs['moduleListPop' + this.obj.id].show(false);
|
|
|
|
|
|
},
|
|
|
|
|
|
refreshTabData:function(){
|
|
|
|
|
|
this.$emit('refreshData', 'true');
|
|
|
|
|
|
},
|
|
|
|
|
|
jumpToAlertMsg(assetId) {
|
|
|
|
|
|
this.$store.commit('assetForAlertListChange', assetId);
|
|
|
|
|
|
this.$router.push({
|
|
|
|
|
|
path: "/alertList",
|
|
|
|
|
|
query: {
|
|
|
|
|
|
t: +new Date()
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
|
|
|
|
|
getIDCOptionData() {
|
|
|
|
|
|
this.$get('idc').then(response => {
|
|
|
|
|
|
if (response.code === 200) {
|
|
|
|
|
|
this.IDCOptionData = response.data.list;
|
|
|
|
|
|
this.markOptionData(this.IDCOptionData);
|
|
|
|
|
|
this.$store.commit('assetDcListChange');
|
|
|
|
|
|
this.$emit('refreshData');
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
getUserData() {
|
|
|
|
|
|
this.$get('sys/user/list').then(response => {
|
|
|
|
|
|
if (response.code === 200) {
|
|
|
|
|
|
this.idcUserData = response.data.list
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
getCabinetOptionData(data) {
|
|
|
|
|
|
this.$get('cabinet?idcId=' + data).then(response => {
|
|
|
|
|
|
if (response.code === 200) {
|
|
|
|
|
|
this.cabinetOptionData = response.data.list;
|
|
|
|
|
|
this.markOptionData(this.cabinetOptionData)
|
|
|
|
|
|
for (let i = 0; i < this.cabinetOptionData.length; i++) {
|
|
|
|
|
|
this.$set(this.cabinetOptionData[i], 'children', this.IDCOptionData)
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
getAssetTypeOptionData() {
|
|
|
|
|
|
this.$get('sys/dict/all?type=assetType').then(response => {
|
|
|
|
|
|
if (response.code === 200) {
|
|
|
|
|
|
this.assetTypeOptionData = response.data
|
|
|
|
|
|
this.markOptionData(this.assetTypeOptionData)
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
getVendorOptionData() {
|
|
|
|
|
|
this.$get('sys/dict/all?type=vendor').then(response => {
|
|
|
|
|
|
if (response.code === 200) {
|
2020-03-12 12:13:45 +08:00
|
|
|
|
this.vendorUlData = response.data;
|
|
|
|
|
|
this.markOptionData(this.vendorUlData);
|
2020-02-19 16:33:01 +08:00
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
getModelOptionData(assetType, vendorCode) {
|
|
|
|
|
|
this.$get('model?typeCode=' + assetType + '&vendorCode=' + vendorCode).then(response => {
|
|
|
|
|
|
if (response.code === 200) {
|
2020-03-03 20:50:50 +08:00
|
|
|
|
this.modelUlData = response.data.list;
|
2020-03-12 12:13:45 +08:00
|
|
|
|
this.markOptionData(this.modelUlData);
|
2020-02-19 16:33:01 +08:00
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
getAllModelOptionData(data) {
|
|
|
|
|
|
this.assetData.assetType = this.assetType;
|
|
|
|
|
|
this.$get('model?typeCode=' + this.assetType + '&pageNo=1&pageSize=999').then(response => {
|
|
|
|
|
|
if (response.code === 200) {
|
|
|
|
|
|
this.allModelUlData = response.data.list
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
2020-03-12 12:13:45 +08:00
|
|
|
|
addVendor() {
|
|
|
|
|
|
this.model = {
|
|
|
|
|
|
id: '',
|
|
|
|
|
|
name: '',
|
|
|
|
|
|
vendor: {id: '', value: '', code: '', type: ''},
|
|
|
|
|
|
type: {id: '', value: '', code: '', type: ''},
|
|
|
|
|
|
assetStat: {total: '', inStock: '', outStock: ''},
|
|
|
|
|
|
remark: '',
|
|
|
|
|
|
vendorCode: '',
|
|
|
|
|
|
typeCode: ''
|
|
|
|
|
|
};
|
|
|
|
|
|
if (this.assetType) {
|
|
|
|
|
|
//model侧滑弹出时，自动选好assetType
|
|
|
|
|
|
for (let i = 0; i < this.assetTypeOptionData.length; i++) {
|
|
|
|
|
|
if (this.assetTypeOptionData[i].code == this.assetType) {
|
|
|
|
|
|
this.model.type.code = this.assetType;
|
|
|
|
|
|
this.model.type.value = this.assetTypeOptionData[i].value;
|
|
|
|
|
|
break;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
this.$refs.modelBox.show(true, true);
|
|
|
|
|
|
},
|
2020-03-03 20:50:50 +08:00
|
|
|
|
resetAsset() {
|
|
|
|
|
|
this.pageObj.id = '';
|
|
|
|
|
|
this.assetData = {
|
|
|
|
|
|
id: '',
|
|
|
|
|
|
sn: '',
|
|
|
|
|
|
host: '',
|
|
|
|
|
|
state: '',
|
|
|
|
|
|
purchaseDate: '',
|
|
|
|
|
|
idcId: '',
|
|
|
|
|
|
cabinetId: '',
|
|
|
|
|
|
modelId: '',
|
|
|
|
|
|
assetType: '',
|
|
|
|
|
|
accounts: [{
|
|
|
|
|
|
id: '',
|
|
|
|
|
|
authType: 1,
|
2020-03-09 08:41:21 +08:00
|
|
|
|
protocol: 'SSH',
|
2020-03-03 20:50:50 +08:00
|
|
|
|
user: '',
|
|
|
|
|
|
pwd: '',
|
|
|
|
|
|
port: '',
|
2020-03-09 08:41:21 +08:00
|
|
|
|
userTip:"",
|
|
|
|
|
|
passwordTip:'',
|
|
|
|
|
|
reloginPasswordTip:''
|
2020-03-03 20:50:50 +08:00
|
|
|
|
}]
|
|
|
|
|
|
};
|
|
|
|
|
|
this.assetType = '';
|
|
|
|
|
|
this.idcSelectedData = {
|
|
|
|
|
|
id: '',
|
|
|
|
|
|
name: '',
|
|
|
|
|
|
location: '',
|
|
|
|
|
|
principal: '',
|
|
|
|
|
|
tel: ''
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
2020-02-19 16:33:01 +08:00
|
|
|
|
editData(data, item, mark) {
|
|
|
|
|
|
let obj = {
|
|
|
|
|
|
id: '',
|
|
|
|
|
|
type: '',
|
|
|
|
|
|
value: '',
|
|
|
|
|
|
code: ''
|
2020-03-13 16:16:35 +08:00
|
|
|
|
};
|
2020-02-19 16:33:01 +08:00
|
|
|
|
let idcData = {
|
|
|
|
|
|
id: '',
|
|
|
|
|
|
name: '',
|
|
|
|
|
|
location: '',
|
|
|
|
|
|
principal: '',
|
|
|
|
|
|
tel: ''
|
2020-03-13 16:16:35 +08:00
|
|
|
|
};
|
|
|
|
|
|
let tempModelId = this.assetData.modelId;
|
2020-02-19 16:33:01 +08:00
|
|
|
|
if (data === 'asset') {
|
2020-03-03 20:50:50 +08:00
|
|
|
|
if (this.assetData.modelId) {
|
|
|
|
|
|
this.assetData.modelId = this.assetData.modelId.join(',').split(',')[1];
|
|
|
|
|
|
}
|
2020-02-27 09:23:37 +08:00
|
|
|
|
// let modelId = this.assetData.modelId.join(',').split(',')[1];
|
|
|
|
|
|
// let form = new FormData();
|
|
|
|
|
|
// form.append("id", this.pageObj.id);
|
|
|
|
|
|
// form.append("sn", this.assetData.sn);
|
|
|
|
|
|
// form.append("host", this.assetData.host);
|
|
|
|
|
|
// form.append("state", this.assetData.state);
|
|
|
|
|
|
// form.append("purchaseDate", !this.assetData.purchaseDate?'':this.assetData.purchaseDate);
|
|
|
|
|
|
// form.append("idcId", this.assetData.idcId);
|
|
|
|
|
|
// form.append("cabinetId", this.assetData.cabinetId);
|
|
|
|
|
|
// form.append("modelId", modelId);
|
2020-03-04 09:58:19 +08:00
|
|
|
|
if (!this.accountSwitch) {
|
|
|
|
|
|
this.assetData.accounts = [];
|
|
|
|
|
|
}
|
2020-02-27 09:23:37 +08:00
|
|
|
|
// for(let i in this.assetData.accounts){
|
|
|
|
|
|
// let account=this.assetData.accounts[i];
|
|
|
|
|
|
// if(account.user){
|
|
|
|
|
|
// if (account.id) {
|
|
|
|
|
|
// form.append("accounts["+i+"].id", account.id);
|
|
|
|
|
|
// }
|
|
|
|
|
|
// form.append("accounts["+i+"].authType",account.authType);
|
|
|
|
|
|
// form.append("accounts["+i+"].user", account.user);
|
|
|
|
|
|
// form.append("accounts["+i+"].port", account.port);
|
|
|
|
|
|
// form.append("accounts["+i+"].pwd", account.pwd);
|
|
|
|
|
|
// form.append("accounts["+i+"].privateKey", account.privateKey);
|
|
|
|
|
|
// }
|
|
|
|
|
|
// }
|
2020-02-19 16:33:01 +08:00
|
|
|
|
|
|
|
|
|
|
if(this.$refs.accountConfigBox&&this.$refs.accountConfigBox.length>0){
|
|
|
|
|
|
this.$refs.accountConfigBox[0].validateAccount();
|
|
|
|
|
|
}
|
|
|
|
|
|
this.$refs.assetEditForm.validate((valid) => {
|
|
|
|
|
|
if (valid&&this.accountValideResult) {
|
|
|
|
|
|
if (this.pageObj.id) {
|
2020-02-27 09:23:37 +08:00
|
|
|
|
this.assetData.id=this.pageObj.id;
|
2020-03-03 20:50:50 +08:00
|
|
|
|
//console.log(JSON.stringify(this.assetData));
|
2020-02-27 09:23:37 +08:00
|
|
|
|
this.$put('asset', this.assetData).then(res => {
|
2020-02-19 16:33:01 +08:00
|
|
|
|
const h = this.$createElement;
|
|
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
|
this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
|
|
|
|
|
|
this.pageObj.id = '';
|
|
|
|
|
|
this.$emit('refreshData', 'true');
|
|
|
|
|
|
this.sendStateData('close');
|
|
|
|
|
|
} else {
|
2020-03-13 16:16:35 +08:00
|
|
|
|
this.assetData.modelId = tempModelId;
|
2020-02-19 16:33:01 +08:00
|
|
|
|
this.$message.error(res.msg);
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
} else {
|
|
|
|
|
|
if(this.$refs.accountConfigBox&&this.$refs.accountConfigBox.length>0){
|
|
|
|
|
|
this.$refs.accountConfigBox[0].validateAccount();
|
|
|
|
|
|
}
|
|
|
|
|
|
let modelId = ''
|
2020-03-04 09:58:19 +08:00
|
|
|
|
// let authType = ''
|
2020-02-27 09:23:37 +08:00
|
|
|
|
// if (this.assetData.modelId !== '') {
|
|
|
|
|
|
// modelId = this.assetData.modelId.join(',').split(',')[1]
|
|
|
|
|
|
// } else {
|
|
|
|
|
|
// this.assetData.modelId = ''
|
|
|
|
|
|
// }
|
2020-03-04 09:58:19 +08:00
|
|
|
|
// if (this.assetData.accounts[0].user === '') {
|
|
|
|
|
|
// authType = ''
|
|
|
|
|
|
// } else {
|
|
|
|
|
|
// authType = this.assetData.accounts[0].authType
|
|
|
|
|
|
// }
|
2020-02-27 09:23:37 +08:00
|
|
|
|
// let form = new FormData();
|
|
|
|
|
|
// form.append("sn", this.assetData.sn);
|
|
|
|
|
|
// form.append("host", this.assetData.host);
|
|
|
|
|
|
// form.append("state", this.assetData.state);
|
|
|
|
|
|
// form.append("purchaseDate", !this.assetData.purchaseDate?'':this.assetData.purchaseDate);
|
|
|
|
|
|
// form.append("idcId", this.assetData.idcId);
|
|
|
|
|
|
// form.append("cabinetId", this.assetData.cabinetId);
|
|
|
|
|
|
// form.append("modelId", modelId);
|
|
|
|
|
|
// if(this.accountSwitch){
|
|
|
|
|
|
// for(let i in this.assetData.accounts){
|
|
|
|
|
|
// let account=this.assetData.accounts[i];
|
|
|
|
|
|
// if(account.user){
|
|
|
|
|
|
// form.append("accounts["+i+"].authType",account.authType);
|
|
|
|
|
|
// form.append("accounts["+i+"].user", account.user);
|
|
|
|
|
|
// form.append("accounts["+i+"].port", account.port);
|
|
|
|
|
|
// form.append("accounts["+i+"].pwd", account.pwd);
|
|
|
|
|
|
// form.append("accounts["+i+"].privateKey", account.privateKey)
|
|
|
|
|
|
// }
|
|
|
|
|
|
// }
|
|
|
|
|
|
// }
|
|
|
|
|
|
// form.append("exporter",parseInt(this.assetData.exporter));
|
|
|
|
|
|
this.$post('asset', this.assetData).then(res => {
|
2020-02-19 16:33:01 +08:00
|
|
|
|
const h = this.$createElement;
|
|
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
|
this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
|
|
|
|
|
|
this.$emit('refreshData', 'true');
|
|
|
|
|
|
this.sendStateData('close');
|
|
|
|
|
|
} else {
|
2020-03-13 16:16:35 +08:00
|
|
|
|
this.assetData.modelId = tempModelId;
|
2020-02-19 16:33:01 +08:00
|
|
|
|
this.$message.error(res.msg);
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
} else {
|
2020-03-13 16:16:35 +08:00
|
|
|
|
this.assetData.modelId = tempModelId;
|
2020-02-19 16:33:01 +08:00
|
|
|
|
return false;
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
} 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
|
|
|
|
|
|
}
|
|
|
|
|
|
if (data === 'cabinet') {
|
|
|
|
|
|
let v = true;
|
|
|
|
|
|
this.$refs.cabEditForm[0].validate((valid) => {
|
|
|
|
|
|
if (valid) {
|
|
|
|
|
|
item.name = this.popCabinetData.name;
|
|
|
|
|
|
item.uSize = this.popCabinetData.uSize;
|
|
|
|
|
|
item.remark = this.popCabinetData.remark;
|
|
|
|
|
|
item.idcId = this.popCabinetData.idcId;
|
|
|
|
|
|
} else {
|
|
|
|
|
|
v = false;
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
if (!v) {
|
|
|
|
|
|
return false;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
if (data === 'idc') {
|
|
|
|
|
|
idcData.id = item.id
|
|
|
|
|
|
idcData.name = this.popIdcData.name
|
|
|
|
|
|
idcData.location = this.popIdcData.location
|
|
|
|
|
|
idcData.principal = this.popIdcData.principal
|
|
|
|
|
|
idcData.tel = this.popIdcData.tel
|
|
|
|
|
|
item = idcData
|
|
|
|
|
|
}
|
|
|
|
|
|
if (mark === 'CabIDC') {
|
|
|
|
|
|
idcData.id = item.id;
|
|
|
|
|
|
idcData.name = this.addCabIDCData.name;
|
|
|
|
|
|
idcData.location = this.addCabIDCData.location;
|
|
|
|
|
|
idcData.principal = this.addCabIDCData.principal;
|
|
|
|
|
|
idcData.tel = this.addCabIDCData.tel;
|
|
|
|
|
|
item = idcData;
|
|
|
|
|
|
}
|
|
|
|
|
|
this.$put(data, item).then(res => {
|
|
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
|
this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
|
|
|
|
|
|
this.getIDCOptionData();
|
|
|
|
|
|
if (data === 'cabinet') {
|
|
|
|
|
|
this.getCabinetOptionData(item.idcId);
|
|
|
|
|
|
}
|
|
|
|
|
|
this.getAllModelOptionData();
|
|
|
|
|
|
this.getAssetTypeOptionData();
|
|
|
|
|
|
this.$emit('refreshData', 'true')
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.$message.error(res.msg);
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
setAccountValideResult:function(result){
|
|
|
|
|
|
this.accountValideResult=result;
|
|
|
|
|
|
},
|
|
|
|
|
|
//新增型号弹框关闭后重置弹框内容
|
|
|
|
|
|
resetVendor() {
|
|
|
|
|
|
this.addVendorData.value = '';
|
|
|
|
|
|
this.vendorCode = '';
|
|
|
|
|
|
this.vendorCount = '';
|
|
|
|
|
|
this.modelUlData = [];
|
|
|
|
|
|
this.addNewModelData = {
|
|
|
|
|
|
name: '',
|
|
|
|
|
|
vendorCode: '',
|
|
|
|
|
|
typeCode: ''
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
addNewData(type) {
|
|
|
|
|
|
if (type === 'IDC') {
|
|
|
|
|
|
const h = this.$createElement;
|
|
|
|
|
|
this.$post('idc', this.addIdcData).then(res => {
|
|
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
|
const h = this.$createElement;
|
|
|
|
|
|
this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
|
|
|
|
|
|
this.getIDCOptionData()
|
|
|
|
|
|
this.getAssetData()
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.$message.error(res.msg);
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
if (type === 'assetType') {
|
|
|
|
|
|
this.$post('sys/dict/save', this.assetTypeData).then(res => {
|
|
|
|
|
|
const h = this.$createElement;
|
|
|
|
|
|
if (res.code === 200) {
|
2020-03-12 12:13:45 +08:00
|
|
|
|
this.getAssetTypeOptionData();
|
2020-02-19 16:33:01 +08:00
|
|
|
|
this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.$message.error(res.msg);
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
if (type === 'vendor') {
|
|
|
|
|
|
const h = this.$createElement;
|
|
|
|
|
|
this.$post('sys/dict/save', this.addVendorData).then(res => {
|
|
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
|
this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
|
|
|
|
|
|
this.getVendorOptionData()
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.$message.error(res.msg);
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
if (type === 'model') {
|
|
|
|
|
|
this.addNewModelData.typeCode = this.assetType
|
|
|
|
|
|
this.addNewModelData.vendorCode = this.vendorCode
|
|
|
|
|
|
this.$post('model', this.addNewModelData).then(res => {
|
|
|
|
|
|
const h = this.$createElement;
|
|
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
|
this.getModelOptionData(this.assetType, this.vendorCode)
|
|
|
|
|
|
this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
|
|
|
|
|
|
this.getAllModelOptionData(this.assetType)
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.$message.error(res.msg);
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
if (type === 'cabinet') {
|
|
|
|
|
|
this.$refs.cabAddForm.validate((valid) => {
|
|
|
|
|
|
if (valid) {
|
|
|
|
|
|
this.addCabinetData.idcId = this.assetData.idcId
|
|
|
|
|
|
this.$post('cabinet', this.addCabinetData).then(res => {
|
|
|
|
|
|
const h = this.$createElement;
|
|
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
|
this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
|
|
|
|
|
|
this.getCabinetOptionData(this.addCabinetData.idcId);
|
|
|
|
|
|
this.editPopoverClose('cabinet');
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.$message.error(res.msg);
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
} else {
|
|
|
|
|
|
return false;
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
deleteData(data, item) {
|
|
|
|
|
|
this.$confirm(this.$t("tip.confirmDelete"), {
|
|
|
|
|
|
confirmButtonText: this.$t("tip.yes"),
|
|
|
|
|
|
cancelButtonText: this.$t("tip.no"),
|
|
|
|
|
|
type: 'warning'
|
|
|
|
|
|
}).then(() => {
|
|
|
|
|
|
this.$delete(data + "?ids=" + item).then(response => {
|
|
|
|
|
|
if (response.code === 200) {
|
|
|
|
|
|
this.$message({duration: 2000, type: 'success', message: this.$t("tip.deleteSuccess")});
|
|
|
|
|
|
this.getAssetData();
|
|
|
|
|
|
this.getIDCOptionData();
|
|
|
|
|
|
this.getVendorOptionData();
|
|
|
|
|
|
this.getCabinetOptionData(this.assetData.idcId);
|
|
|
|
|
|
this.getAllModelOptionData(this.assetType);
|
|
|
|
|
|
this.getModelOptionData(this.assetType, this.vendorCode);
|
|
|
|
|
|
if (data == 'asset') {
|
|
|
|
|
|
this.sendStateData('close');
|
|
|
|
|
|
}
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.$message.error(response.msg);
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
|
|
|
|
|
markOptionData(data) {
|
|
|
|
|
|
data.forEach(item => {
|
|
|
|
|
|
this.$set(item, 'isEdit', false);
|
|
|
|
|
|
this.$set(item, 'oldName', item.value);
|
|
|
|
|
|
this.$set(item, 'modelOldName', item.name);
|
|
|
|
|
|
this.$set(item, item.name, false);
|
|
|
|
|
|
this.$set(item, item.id, false);
|
|
|
|
|
|
this.$set(item, item.id + item.name, false);
|
|
|
|
|
|
this.$set(item, item.name + item.id, false);
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
getConnectData() {
|
|
|
|
|
|
this.isResourceShow += 1;
|
|
|
|
|
|
let resultData = [];
|
|
|
|
|
|
let modelData = this.allModelUlData;
|
|
|
|
|
|
for (let i = 0; i < modelData.length; i++) {
|
|
|
|
|
|
|
|
|
|
|
|
if (!modelData[i].vendor) {
|
|
|
|
|
|
continue;
|
|
|
|
|
|
}
|
|
|
|
|
|
let obj = {};
|
|
|
|
|
|
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 = [];
|
|
|
|
|
|
resultData.push(obj);
|
|
|
|
|
|
}
|
|
|
|
|
|
let result = [];
|
|
|
|
|
|
let 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 (!modelData[y].vendor) {
|
|
|
|
|
|
continue;
|
|
|
|
|
|
}
|
|
|
|
|
|
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)
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
this.vendorTypeOptionData = result
|
|
|
|
|
|
},
|
|
|
|
|
|
editVendorOptionData(item, data, index) {
|
|
|
|
|
|
this.vendorCount = index
|
|
|
|
|
|
if (!item.isEdit) {
|
|
|
|
|
|
item.isEdit = true;
|
|
|
|
|
|
} else {
|
|
|
|
|
|
if (item.name !== item.oldName) {
|
|
|
|
|
|
item.isEdit = false;
|
|
|
|
|
|
} else {
|
|
|
|
|
|
item.isEdit = false;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
if (data === 'vendor') {
|
|
|
|
|
|
for (let i = 0; i < this.vendorUlData.length; i++) {
|
|
|
|
|
|
const element = this.vendorUlData[i];
|
|
|
|
|
|
if (item.id !== element.id) {
|
|
|
|
|
|
element.isEdit = false
|
|
|
|
|
|
element.value = element.oldName
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
editOptionData(item, data, index) {
|
|
|
|
|
|
this.modelCount = index;
|
|
|
|
|
|
if (!item.isEdit) {
|
|
|
|
|
|
item.isEdit = true;
|
|
|
|
|
|
} else {
|
|
|
|
|
|
if (item.name !== item.oldName) {
|
|
|
|
|
|
item.isEdit = false;
|
|
|
|
|
|
} else {
|
|
|
|
|
|
item.isEdit = false;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
if (data === 'type') {
|
|
|
|
|
|
for (let i = 0; i < this.assetTypeOptionData.length; i++) {
|
|
|
|
|
|
let element = this.assetTypeOptionData[i];
|
|
|
|
|
|
if (item.id !== element.id) {
|
|
|
|
|
|
element.isEdit = false
|
|
|
|
|
|
element.value = element.oldName
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
if (data === 'model') {
|
|
|
|
|
|
for (let i = 0; i < this.modelUlData.length; i++) {
|
|
|
|
|
|
let element = this.modelUlData[i];
|
|
|
|
|
|
if (item.id !== element.id) {
|
|
|
|
|
|
element.isEdit = false
|
|
|
|
|
|
element.value = element.modelOldName
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
delOptionData(data) {
|
|
|
|
|
|
this.$confirm(this.$t("tip.confirmDelete"), {
|
|
|
|
|
|
confirmButtonText: this.$t("tip.yes"),
|
|
|
|
|
|
cancelButtonText: this.$t("tip.no"),
|
|
|
|
|
|
type: 'warning'
|
|
|
|
|
|
}).then(() => {
|
|
|
|
|
|
this.$delete("/sys/dict/delete?ids=" + data.id).then(response => {
|
|
|
|
|
|
if (response.code === 200) {
|
|
|
|
|
|
this.$message({duration: 2000, type: 'success', message: this.$t("tip.deleteSuccess")});
|
|
|
|
|
|
this.getAssetData();
|
|
|
|
|
|
this.getAssetTypeOptionData();
|
|
|
|
|
|
this.getVendorOptionData();
|
|
|
|
|
|
this.getAllModelOptionData(this.assetType);
|
|
|
|
|
|
this.getModelOptionData(this.assetType, this.vendorCode);
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.$message.error(response.msg);
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
|
|
|
|
|
tabControl(data) {
|
|
|
|
|
|
if (data === 'close') {
|
|
|
|
|
|
this.addUnitShow = false
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
editing() {
|
|
|
|
|
|
},
|
|
|
|
|
|
getSingleIDCData(data, item, itemData) {
|
|
|
|
|
|
if (item !== 'edit') {
|
|
|
|
|
|
this.idcSelectedData = '';
|
|
|
|
|
|
this.IDCOptionData.forEach(item => {
|
|
|
|
|
|
if (item.id === data) {
|
|
|
|
|
|
this.idcSelectedData = item;
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
this.getCabinetOptionData(this.assetData.idcId);
|
|
|
|
|
|
this.assetData.cabinetId = '';
|
|
|
|
|
|
this.cabinetSelectedData.uSize = '';
|
|
|
|
|
|
this.cabinetSelectedData.remark = null
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.clickFlush('idc', itemData);
|
|
|
|
|
|
this.IDCOptionData.forEach(item => {
|
|
|
|
|
|
if (item.id === data) {
|
|
|
|
|
|
this.popIdcData.id = item.id;
|
|
|
|
|
|
this.popIdcData.name = item.name;
|
|
|
|
|
|
this.popIdcData.location = item.location;
|
|
|
|
|
|
this.popIdcData.principal = item.principal;
|
|
|
|
|
|
this.popIdcData.tel = item.tel;
|
|
|
|
|
|
this.addCabIDCData.name = item.name;
|
|
|
|
|
|
this.addCabIDCData.location = item.location;
|
|
|
|
|
|
this.addCabIDCData.principal = item.principal;
|
|
|
|
|
|
this.addCabIDCData.tel = item.tel;
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
getSingleCabinetData(data, type, item) {
|
|
|
|
|
|
if (type !== 'edit') {
|
|
|
|
|
|
this.cabinetSelectedData.uSize = 0;
|
|
|
|
|
|
this.cabinetSelectedData.remark = null
|
|
|
|
|
|
this.cabinetOptionData.forEach(items => {
|
|
|
|
|
|
if (items.id === data) {
|
|
|
|
|
|
this.cabinetSelectedData.uSize = items.uSize
|
|
|
|
|
|
this.cabinetSelectedData.remark = items.remark
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.clickFlush('cabinet', item)
|
|
|
|
|
|
item[item.name] = !item[item.name]
|
|
|
|
|
|
this.cabinetOptionData.forEach(items => {
|
|
|
|
|
|
if (items.id === data) {
|
|
|
|
|
|
this.popCabinetData.name = items.name;
|
|
|
|
|
|
this.popCabinetData.uSize = items.uSize;
|
|
|
|
|
|
this.popCabinetData.remark = items.remark;
|
|
|
|
|
|
this.popCabinetData.idcId = items.idcId;
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
getSingleAsset(data) {
|
|
|
|
|
|
this.pageObj.idcIds = data.join(',')
|
|
|
|
|
|
this.getAssetData()
|
|
|
|
|
|
},
|
|
|
|
|
|
getLidata(index, item) {
|
|
|
|
|
|
this.vendorCount = index;
|
|
|
|
|
|
this.vendorCode = item.code;
|
|
|
|
|
|
this.getModelOptionData(this.assetType, this.vendorCode)
|
|
|
|
|
|
},
|
|
|
|
|
|
pageNo(val) {
|
|
|
|
|
|
this.pageObj.pageNo = val;
|
|
|
|
|
|
this.getAssetData()
|
|
|
|
|
|
},
|
|
|
|
|
|
pageSize(val) {
|
|
|
|
|
|
this.pageObj.pageSize = val;
|
|
|
|
|
|
this.getAssetData()
|
|
|
|
|
|
},
|
|
|
|
|
|
clickState(index, item, data) {
|
|
|
|
|
|
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 = ''
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
editPopoverClose(data) {
|
|
|
|
|
|
if (data === 'type') {
|
|
|
|
|
|
this.modelCount = ''
|
|
|
|
|
|
this.editPopTypeVisible = !this.editPopTypeVisible
|
|
|
|
|
|
}
|
|
|
|
|
|
if (data === 'vendor') {
|
|
|
|
|
|
this.vendorCount = ''
|
|
|
|
|
|
this.modelCount = ''
|
|
|
|
|
|
this.editPopVendorVisible = !this.editPopVendorVisible
|
|
|
|
|
|
}
|
|
|
|
|
|
if (data === 'idc') {
|
|
|
|
|
|
this.editPopIDCVisible = !this.editPopIDCVisible
|
|
|
|
|
|
}
|
|
|
|
|
|
if (data === 'cabinet') {
|
|
|
|
|
|
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) {
|
|
|
|
|
|
if (data && data !== '--') {
|
|
|
|
|
|
return data.name;
|
|
|
|
|
|
} else if (data === '--') {
|
|
|
|
|
|
return '-';
|
|
|
|
|
|
} else {
|
|
|
|
|
|
return "-";
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
sendStateData(data) {
|
|
|
|
|
|
this.$emit('sendStateData', 'close')
|
|
|
|
|
|
},
|
|
|
|
|
|
flushData() {
|
|
|
|
|
|
this.getAssetData();
|
|
|
|
|
|
},
|
|
|
|
|
|
clickFlush(type, itemData) {
|
|
|
|
|
|
if (type === 'idc') {
|
|
|
|
|
|
for (let i = 0; i < this.IDCOptionData.length; i++) {
|
|
|
|
|
|
const element = this.IDCOptionData[i];
|
|
|
|
|
|
if (element.id === itemData.id) {
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
|
element[element.name] = true;
|
|
|
|
|
|
}, 100)
|
|
|
|
|
|
} else {
|
|
|
|
|
|
element[element.name] = false
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
if (type === 'cabinet') {
|
|
|
|
|
|
for (let i = 0; i < this.cabinetOptionData.length; i++) {
|
|
|
|
|
|
const element = this.cabinetOptionData[i];
|
|
|
|
|
|
if (element.id === itemData.id) {
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
|
element[element.name] = true;
|
|
|
|
|
|
}, 100)
|
|
|
|
|
|
} else {
|
|
|
|
|
|
element[element.name] = false
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
2020-03-13 15:59:23 +08:00
|
|
|
|
protocolTypeChange:function(protocol){
|
|
|
|
|
|
if(protocol == 'TELNET'){
|
|
|
|
|
|
this.exporterDisableSwitch=true;
|
|
|
|
|
|
}else{
|
|
|
|
|
|
this.exporterDisableSwitch=false;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
2020-02-19 16:33:01 +08:00
|
|
|
|
},
|
|
|
|
|
|
mounted() {
|
|
|
|
|
|
this.getUserData()
|
|
|
|
|
|
this.getIDCOptionData();
|
|
|
|
|
|
this.getVendorOptionData();
|
|
|
|
|
|
this.getAssetTypeOptionData();
|
|
|
|
|
|
window.onresize = () => {
|
|
|
|
|
|
this.tableHeight = document.documentElement.clientHeight - 200;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
.asset-sub-title {
|
|
|
|
|
|
padding: 8px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.asset-line {
|
|
|
|
|
|
margin-bottom: 18px;
|
|
|
|
|
|
background-color: #DCDFE6;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
