2019-11-29 15:00:26 +08:00
|
|
|
|
<template>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
<div class="asset">
|
|
|
|
|
|
<div class="content-left">
|
|
|
|
|
|
<div class="sidebar-title">
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<div>Asset</div>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
<div class="sidebar-info">
|
|
|
|
|
|
<div class="sidebar-info-header">ALL</div>
|
2019-12-06 16:43:04 +08:00
|
|
|
|
<div class="sidebar-info-footer">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-checkbox-group v-model="checkList" size="small" @change="getSingleAsset(checkList)">
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<el-checkbox v-for="(item,key) in checkListData" :key="key" border :label=item.id>
|
|
|
|
|
|
{{item.name}}
|
2019-12-06 15:53:50 +08:00
|
|
|
|
<div class="checkbox-edit" @click.prevent="edit(item.id)">编辑</div>
|
|
|
|
|
|
</el-checkbox>
|
|
|
|
|
|
</el-checkbox-group>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-12-04 13:45:37 +08:00
|
|
|
|
</div>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
<div class="content-right">
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<div>
|
|
|
|
|
|
<button style="float: right;margin-top: 10px;width: 100px;height: 32px;margin-left: 10px"
|
|
|
|
|
|
@click.stop="tagShow('showAdd')">+ADD
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<el-input
|
|
|
|
|
|
type="text"
|
|
|
|
|
|
:placeholder="$t('overall.search')"
|
|
|
|
|
|
size="small"
|
|
|
|
|
|
style="width: 200px;float: right;padding-top: 10px"
|
|
|
|
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
</el-input>
|
|
|
|
|
|
</div>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
<div>
|
|
|
|
|
|
<el-table
|
|
|
|
|
|
:height="tableHeight"
|
|
|
|
|
|
:data="this.tableData"
|
2019-12-04 13:45:37 +08:00
|
|
|
|
>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
<el-table-column
|
|
|
|
|
|
v-for="(item, index) in tableTitle"
|
|
|
|
|
|
v-if="item.show"
|
2019-12-12 17:07:33 +08:00
|
|
|
|
min-width="110"
|
2019-12-06 15:53:50 +08:00
|
|
|
|
:key="`col_${index}`"
|
|
|
|
|
|
:label="item.label"
|
|
|
|
|
|
>
|
|
|
|
|
|
{{item}}
|
|
|
|
|
|
<template slot-scope="scope" :column="item">
|
|
|
|
|
|
<div v-if="item.prop=='ID'">
|
|
|
|
|
|
<p>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<span>{{scope.row.id}}</span>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</p>
|
2019-12-04 13:45:37 +08:00
|
|
|
|
</div>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<div v-if="item.prop=='资产类型'">
|
2019-12-06 15:53:50 +08:00
|
|
|
|
<p>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<span>{{scope.row.model.type.value}}</span>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div v-if="item.prop=='SN'">
|
|
|
|
|
|
<p>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<span>{{scope.row.sn}}</span>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div v-if="item.prop=='HOST'">
|
|
|
|
|
|
<p>
|
|
|
|
|
|
<span>{{scope.row.host}}</span>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div v-if="item.prop=='资产状态'">
|
|
|
|
|
|
<p>
|
|
|
|
|
|
<span>{{scope.row.state==1?'在库':'出库'}}</span>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div v-if="item.prop=='Module'">
|
|
|
|
|
|
<p>
|
|
|
|
|
|
<span>
|
|
|
|
|
|
<div class="tab-input-square">{{scope.row.moduleNum}}</div>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div v-if="item.prop=='Alert'">
|
|
|
|
|
|
<p>
|
|
|
|
|
|
<span>
|
|
|
|
|
|
<div class="tab-input-square">{{scope.row.alertNum}}</div>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div v-if="item.prop=='数据中心'">
|
|
|
|
|
|
<p>
|
|
|
|
|
|
<span>{{scope.row.idc.name}}</span>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div v-if="item.prop=='机柜'">
|
|
|
|
|
|
<p>
|
|
|
|
|
|
<span>{{returnData(scope.row.cabinet)}}</span>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div v-if="item.prop=='型号'">
|
|
|
|
|
|
<p>
|
|
|
|
|
|
<span>{{scope.row.model.name}}</span>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div v-if="item.prop=='厂商'">
|
|
|
|
|
|
<p>
|
|
|
|
|
|
<span>{{scope.row.model.vendor.value}}</span>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div v-if="item.prop=='购买日期'">
|
|
|
|
|
|
<p>
|
|
|
|
|
|
<span>{{scope.row.purchaseDate}}</span>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div v-if="item.prop=='责任人'">
|
|
|
|
|
|
<p>
|
|
|
|
|
|
<span>{{scope.row.idc.principal}}</span>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div v-if="item.prop=='责任人电话'">
|
|
|
|
|
|
<p>
|
|
|
|
|
|
<span>{{scope.row.idc.tel}}</span>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</p>
|
2019-12-04 13:45:37 +08:00
|
|
|
|
</div>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<div v-if="item.prop == 'option'">
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<span @click.stop="tagShow('showDel')" class="account-list-option"><i
|
|
|
|
|
|
class="el-icon-delete"></i></span>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<span @click.stop="tagShow('showEdit',scope.row.id)" class="account-list-option"><i
|
2019-12-09 18:51:56 +08:00
|
|
|
|
class="el-icon-edit-outline"></i></span>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<span @click.stop="tagShow('showView',scope.row.id)"class="account-list-option"><i
|
2019-12-12 17:07:33 +08:00
|
|
|
|
class="el-icon-view"></i></span>
|
2019-12-06 16:43:04 +08:00
|
|
|
|
</div>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</template>
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
</el-table>
|
|
|
|
|
|
<Pagination :pageObj="pageObj" @pageNo='pageNo' @pageSize='pageSize' ref="Pagination"></Pagination>
|
2019-12-06 16:43:04 +08:00
|
|
|
|
<transition name="right-box" @click.stop>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<!-- <div class="right-menu" v-if="tabShow" v-clickoutside:tagHide="tagShow">-->
|
|
|
|
|
|
<div class="right-menu" v-show="tabShow">
|
|
|
|
|
|
<div v-show="this.tagType=='add'">
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<div class="right-box-top-btns">
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<div class="right-box-top-btn right-box-top-btn-full" @click.stop="tagShow()">
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<div class="right-box-btn-icon">
|
|
|
|
|
|
<i class="el-icon-close"></i>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</div>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<span>{{$t('overall.esc')}}</span>
|
|
|
|
|
|
</div>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<div class="right-box-top-btn right-box-top-btn-full">
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<div class="right-box-btn-icon">
|
|
|
|
|
|
<i class="el-icon-edit-outline"></i>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</div>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<span>{{$t('overall.save')}}</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right-box-top-btn">
|
|
|
|
|
|
<div class="right-box-btn-icon">
|
|
|
|
|
|
<i class="el-icon-delete"></i>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</div>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<span>{{$t('overall.delete')}}</span>
|
2019-12-04 13:45:37 +08:00
|
|
|
|
</div>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
</div>
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<div class="right-box-title">Create Asset</div>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-form ref="addForm" :model="assetData" label-width="120px">
|
2019-12-06 15:53:50 +08:00
|
|
|
|
<div class="el-form-style">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-form-item label="SN" prop="sn">
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<el-input v-model="assetData.sn"/>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</el-form-item>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-form-item label="Host" prop="host">
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<el-input v-model="assetData.host"/>
|
|
|
|
|
|
</el-form-item>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-form-item label="State" prop="state">
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<div class="select-style">
|
|
|
|
|
|
<el-select v-model="assetData.state" placeholder="请选择">
|
|
|
|
|
|
<el-option
|
|
|
|
|
|
v-for="item in assetStateOption"
|
|
|
|
|
|
:key="item.value"
|
|
|
|
|
|
:label="item.label"
|
|
|
|
|
|
:value="item.value">
|
|
|
|
|
|
</el-option>
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
</div>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</el-form-item>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<div style="font-size: 10px">资产信息</div>
|
|
|
|
|
|
<el-divider></el-divider>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<!------------------------------------------资产类型---------------------------------------------->
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-form-item label="资产类型" prop="assetType">
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<div class="select-style">
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<el-select v-model="assetType" clearable @change="getAllModelOptionData()">
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<el-option
|
2019-12-10 17:10:32 +08:00
|
|
|
|
v-for="item in assetTypeOptionData"
|
2019-12-11 17:11:44 +08:00
|
|
|
|
:key="item.id"
|
|
|
|
|
|
:value="item.code"
|
|
|
|
|
|
:label="item.value"
|
2019-12-10 17:10:32 +08:00
|
|
|
|
>
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<span v-if="!item.isEdit">{{ item.value }}</span>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<span class="config-dropdown-label-input" v-if="item.isEdit"
|
|
|
|
|
|
@click.stop="editing">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-input type="text" v-model="item.value" size="mini"/>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
</span>
|
|
|
|
|
|
<span class="config-dropdown-btn"
|
|
|
|
|
|
@click.stop="editOptionData(item)">
|
|
|
|
|
|
<i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<i class="el-icon-check" v-if="item.isEdit"
|
|
|
|
|
|
@click="editData('sys/dict/update',item)"></i>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
</span>
|
|
|
|
|
|
<span class="config-dropdown-btn config-dropdown-btn-delete"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
><i
|
2019-12-11 17:11:44 +08:00
|
|
|
|
class="el-icon-delete"></i>
|
|
|
|
|
|
</span>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
</el-option>
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
<div class="el-select-add-btn">
|
|
|
|
|
|
<el-popover
|
2019-12-11 17:11:44 +08:00
|
|
|
|
placement="left"
|
2019-12-09 18:51:56 +08:00
|
|
|
|
trigger="click"
|
2019-12-10 17:10:32 +08:00
|
|
|
|
v-model="popTypeVisible"
|
2019-12-09 18:51:56 +08:00
|
|
|
|
>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<div class="pop-window-assetType">
|
|
|
|
|
|
<div class="pop-window-assetType-content">
|
|
|
|
|
|
<div class="right-box-top-btns">
|
|
|
|
|
|
<div class="right-box-top-btn right-box-top-btn-full"
|
|
|
|
|
|
@click="popoverClose('type')">
|
|
|
|
|
|
<div class="right-box-btn-icon">
|
|
|
|
|
|
<i class="el-icon-close"></i>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
</div>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<span>{{$t('overall.esc')}}</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span style="display: block;padding-bottom: 20px">资产类型</span>
|
|
|
|
|
|
<span style="display: block;padding-bottom: 20px">新增资产类型</span>
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<input v-model="assetTypeData.value"/>
|
|
|
|
|
|
<input type="button" value="+Add"
|
|
|
|
|
|
@click="addNewData('assetType')"></input>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<span style="display: block;padding-bottom: 20px">已有资产类型</span>
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<div class="li-list">
|
|
|
|
|
|
<ul style="list-style: none">
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<li style="cursor: pointer;"
|
|
|
|
|
|
v-for="(item,index) in assetTypeOptionData"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
@click="clickState(index)"
|
|
|
|
|
|
:class="{activeColor:modelCount === index}"
|
2019-12-10 17:10:32 +08:00
|
|
|
|
:key="index">
|
|
|
|
|
|
<div>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<span v-if="!item.isEdit">{{ item.value }}</span>
|
|
|
|
|
|
<span class="config-dropdown-label-input"
|
|
|
|
|
|
v-if="item.isEdit"
|
|
|
|
|
|
@click.stop="editing">
|
|
|
|
|
|
<input type="text" v-model="item.value" 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('sys/dict/update',item)"></i>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<span class="config-dropdown-btn config-dropdown-btn-delete"
|
|
|
|
|
|
@click.stop="delOptionData(item)"><i
|
|
|
|
|
|
class="el-icon-delete"></i>
|
|
|
|
|
|
</span>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right-box-bottom-btns">
|
|
|
|
|
|
<div class="right-box-bottom-btn right-box-bottom-btn-cancel"
|
|
|
|
|
|
@click="popoverClose('type')">
|
|
|
|
|
|
{{$t('overall.cancel')}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right-box-bottom-btn right-box-bottom-btn-50">
|
|
|
|
|
|
{{$t('overall.save')}}
|
2019-12-09 18:51:56 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="el-icon-plus" slot="reference"></span>
|
|
|
|
|
|
</el-popover>
|
|
|
|
|
|
</div>
|
2019-12-04 13:45:37 +08:00
|
|
|
|
</div>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
</el-form-item>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<!------------------------------------------厂商/型号---------------------------------------------->
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<el-form-item label="厂商/型号">
|
|
|
|
|
|
<div class="select-style">
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<el-cascader
|
2019-12-12 17:07:33 +08:00
|
|
|
|
:options="vendorTypeOptionData"
|
|
|
|
|
|
v-model="assetData.modelId"
|
|
|
|
|
|
@focus="getConnectData()"
|
|
|
|
|
|
prop="modelId"
|
|
|
|
|
|
clearable
|
2019-12-10 17:10:32 +08:00
|
|
|
|
>
|
|
|
|
|
|
</el-cascader>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<div class="el-select-add-btn">
|
|
|
|
|
|
<el-popover
|
2019-12-11 17:11:44 +08:00
|
|
|
|
placement="left"
|
2019-12-09 18:51:56 +08:00
|
|
|
|
trigger="click"
|
2019-12-10 17:10:32 +08:00
|
|
|
|
v-model="popCompVisible"
|
2019-12-09 18:51:56 +08:00
|
|
|
|
>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<div class="pop-window-assetType">
|
|
|
|
|
|
<div class="pop-window-assetType-content">
|
|
|
|
|
|
<div class="right-box-top-btns">
|
|
|
|
|
|
<div class="right-box-top-btn right-box-top-btn-full"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
@click="popoverClose('vendor')">
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<div class="right-box-btn-icon">
|
|
|
|
|
|
<i class="el-icon-close"></i>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
</div>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<span>{{$t('overall.esc')}}</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="pop-window-assetType">
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<span style="display: block;padding-bottom: 15px">商场/型号</span>
|
|
|
|
|
|
<span style="display: block;padding-bottom: 20px">新厂商名称</span>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<input v-model="addVendorData.value"/>
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<input type="button" value="+Add"
|
|
|
|
|
|
@click="addNewData('assetType')"></input>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<span style="display: block;padding-bottom: 20px">已有厂商</span>
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<div class="li-list-part">
|
|
|
|
|
|
<ul style="list-style: none">
|
|
|
|
|
|
<li style="cursor: pointer;"
|
|
|
|
|
|
v-for="(item,index) in vendorUlData"
|
|
|
|
|
|
@click="getLidata(index,item)"
|
|
|
|
|
|
:class="{activeColor:vendorCount === index}"
|
|
|
|
|
|
:key="index">
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<div>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<span v-if="!item.isEdit">{{ item.value }}</span>
|
|
|
|
|
|
<span class="config-dropdown-label-input"
|
|
|
|
|
|
v-if="item.isEdit"
|
|
|
|
|
|
@click.stop="editing">
|
|
|
|
|
|
<input type="text" v-model="item.value" 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('sys/dict/update',item)"></i>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<span class="config-dropdown-btn config-dropdown-btn-delete"
|
|
|
|
|
|
@click.stop="delOptionData(item)"><i
|
|
|
|
|
|
class="el-icon-delete"></i>
|
|
|
|
|
|
</span>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<span style="display: block;padding-bottom: 15px">新型号名称</span>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<input v-model="addNewModelData.name"/>
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<input type="button" value="+Add"
|
2019-12-12 17:07:33 +08:00
|
|
|
|
@click="addNewData('model')"></input>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<span style="display: block;padding-bottom: 20px">已有型号</span>
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<div class="li-list-part">
|
|
|
|
|
|
<ul style="list-style: none">
|
|
|
|
|
|
<li style="cursor: pointer;"
|
|
|
|
|
|
v-for="(item,index) in modelUlData"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
@click="clickState(index)"
|
|
|
|
|
|
:class="{activeColor:modelCount === index}"
|
2019-12-11 17:11:44 +08:00
|
|
|
|
:key="index">
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<div>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<div>
|
|
|
|
|
|
<span v-if="!item.isEdit">{{ item.name }}</span>
|
|
|
|
|
|
<span class="config-dropdown-label-input"
|
|
|
|
|
|
v-if="item.isEdit"
|
|
|
|
|
|
@click.stop="editing">
|
|
|
|
|
|
<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('model',item)"></i>
|
|
|
|
|
|
<!-- <i class="el-icon-check" v-if="item.isEdit"></i>-->
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<span class="config-dropdown-btn config-dropdown-btn-delete"
|
|
|
|
|
|
@click.stop="deleteData('model',item.id)"><i
|
|
|
|
|
|
class="el-icon-delete"></i>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
</div>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right-box-bottom-btns">
|
|
|
|
|
|
<div class="right-box-bottom-btn right-box-bottom-btn-cancel"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
@click="popoverClose('vendor')">
|
2019-12-10 17:10:32 +08:00
|
|
|
|
{{$t('overall.cancel')}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right-box-bottom-btn right-box-bottom-btn-50">
|
|
|
|
|
|
{{$t('overall.save')}}
|
2019-12-09 18:51:56 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="el-icon-plus" slot="reference"></span>
|
|
|
|
|
|
</el-popover>
|
|
|
|
|
|
</div>
|
2019-12-04 13:45:37 +08:00
|
|
|
|
</div>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</el-form-item>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-form-item label="购买日期" prop="purchaseDate">
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<div class="select-style">
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<el-date-picker
|
2019-12-11 17:11:44 +08:00
|
|
|
|
v-model="assetData.purchaseDate"
|
|
|
|
|
|
value-format="yyyy-MM-dd"
|
2019-12-10 17:10:32 +08:00
|
|
|
|
type="date"
|
|
|
|
|
|
placeholder="选择日期">
|
|
|
|
|
|
</el-date-picker>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
</div>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</el-form-item>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<div style="font-size: 10px">IDC</div>
|
|
|
|
|
|
<el-divider></el-divider>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<!------------------------------------------IDC---------------------------------------------->
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-form-item label="IDC Name" prop="idcSelect">
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<div class="select-style">
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<el-select v-model="assetData.idcId" clearable @change="getSingleIDCData">
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<el-option
|
2019-12-10 17:10:32 +08:00
|
|
|
|
v-for="item in IDCOptionData"
|
2019-12-09 18:51:56 +08:00
|
|
|
|
:key="item.key"
|
|
|
|
|
|
:label="item.name"
|
2019-12-11 17:11:44 +08:00
|
|
|
|
:value="item.id"
|
2019-12-10 17:10:32 +08:00
|
|
|
|
>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<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>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<i class="el-icon-check" v-if="item.isEdit"
|
|
|
|
|
|
@click="editData('idc',item)"></i>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
</span>
|
|
|
|
|
|
<span class="config-dropdown-btn config-dropdown-btn-delete"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
@click.stop="deleteData('idc',item.id)"><i
|
2019-12-09 18:51:56 +08:00
|
|
|
|
class="el-icon-delete"></i></span>
|
|
|
|
|
|
</el-option>
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
<div class="el-select-add-btn">
|
|
|
|
|
|
<el-popover
|
2019-12-11 17:11:44 +08:00
|
|
|
|
placement="left"
|
2019-12-09 18:51:56 +08:00
|
|
|
|
trigger="click"
|
2019-12-10 17:10:32 +08:00
|
|
|
|
v-model="popIDCVisible"
|
2019-12-09 18:51:56 +08:00
|
|
|
|
>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<div class="pop-window-assetType-content">
|
|
|
|
|
|
<div class="right-box-top-btns">
|
|
|
|
|
|
<div class="right-box-top-btn right-box-top-btn-full"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
@click="popoverClose('idc')">
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<div class="right-box-btn-icon">
|
|
|
|
|
|
<i class="el-icon-close"></i>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span>{{$t('overall.esc')}}</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="pop-window">
|
|
|
|
|
|
<span style="display: block;padding-bottom: 20px">标题</span>
|
|
|
|
|
|
<el-form-item label="IDC Name">
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<el-input v-model="addIdcData.name"/>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="Location">
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<el-input v-model="addIdcData.location"/>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="负责人">
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<el-input v-model="addIdcData.principal"/>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="Tel">
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<el-input v-model="addIdcData.tel"/>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right-box-bottom-btns">
|
|
|
|
|
|
<div class="right-box-bottom-btn right-box-bottom-btn-cancel"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
@click="popoverClose('idc')">
|
2019-12-10 17:10:32 +08:00
|
|
|
|
{{$t('overall.cancel')}}
|
|
|
|
|
|
</div>
|
2019-12-11 17:11:44 +08:00
|
|
|
|
<div class="right-box-bottom-btn right-box-bottom-btn-50"
|
|
|
|
|
|
@click="addNewData('IDC')">
|
2019-12-10 17:10:32 +08:00
|
|
|
|
{{$t('overall.save')}}
|
|
|
|
|
|
</div>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<span class="el-icon-plus" slot="reference"></span>
|
|
|
|
|
|
</el-popover>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</el-form-item>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<el-form-item label="Location">
|
|
|
|
|
|
<span>{{idcSelectedData.location}}</span>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</el-form-item>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<el-form-item label="负责人">
|
|
|
|
|
|
<span>{{idcSelectedData.principal}}</span>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</el-form-item>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<el-form-item label="Tel">
|
|
|
|
|
|
<span>{{idcSelectedData.tel}}</span>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</el-form-item>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<el-divider></el-divider>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<!------------------------------------------cabinet---------------------------------------------->
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<el-form-item label="机柜">
|
|
|
|
|
|
<div class="select-style">
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<el-select v-model="assetData.cabinetId" clearable
|
2019-12-10 17:10:32 +08:00
|
|
|
|
@change="getSingleCabinetData">
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<el-option
|
2019-12-10 17:10:32 +08:00
|
|
|
|
v-for="item in cabinetOptionData"
|
2019-12-09 18:51:56 +08:00
|
|
|
|
:key="item.key"
|
|
|
|
|
|
:label="item.name"
|
2019-12-11 17:11:44 +08:00
|
|
|
|
:value="item.id"
|
2019-12-10 17:10:32 +08:00
|
|
|
|
>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<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>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<i class="el-icon-check" v-if="item.isEdit"
|
|
|
|
|
|
@click="editData('cabinet',item)"></i>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
</span>
|
|
|
|
|
|
<span class="config-dropdown-btn config-dropdown-btn-delete"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
@click.stop="deleteData('cabinet',item.id)"><i
|
2019-12-09 18:51:56 +08:00
|
|
|
|
class="el-icon-delete"></i></span>
|
|
|
|
|
|
</el-option>
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
<div class="el-select-add-btn">
|
|
|
|
|
|
<el-popover
|
2019-12-11 17:11:44 +08:00
|
|
|
|
placement="left"
|
2019-12-09 18:51:56 +08:00
|
|
|
|
trigger="click"
|
2019-12-10 17:10:32 +08:00
|
|
|
|
v-model="popCabinetVisible"
|
2019-12-09 18:51:56 +08:00
|
|
|
|
>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<div class="pop-window-assetType-content">
|
|
|
|
|
|
<div class="right-box-top-btns">
|
|
|
|
|
|
<div class="right-box-top-btn right-box-top-btn-full"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
@click="popoverClose('cabinet')">
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<div class="right-box-btn-icon">
|
|
|
|
|
|
<i class="el-icon-close"></i>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span>{{$t('overall.esc')}}</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="pop-window">
|
|
|
|
|
|
<span style="display: block;padding-bottom: 20px">标题</span>
|
|
|
|
|
|
<el-form-item label="Name">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-input v-model="addCabinetData.name"/>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="U Size">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<div>{{addCabinetData.uSize}}</div>
|
|
|
|
|
|
<el-slider v-model="addCabinetData.uSize"></el-slider>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="Desc">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-input v-model="addCabinetData.desc" type="textarea"
|
2019-12-10 17:10:32 +08:00
|
|
|
|
:rows="2"/>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="IDC">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-input v-model="addCabinetData.idc"/>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right-box-bottom-btns">
|
|
|
|
|
|
<div class="right-box-bottom-btn right-box-bottom-btn-cancel"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
@click="popoverClose('cabinet')">
|
2019-12-10 17:10:32 +08:00
|
|
|
|
{{$t('overall.cancel')}}
|
|
|
|
|
|
</div>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<div class="right-box-bottom-btn right-box-bottom-btn-50"
|
|
|
|
|
|
@click="addNewData('cabinet')">
|
2019-12-10 17:10:32 +08:00
|
|
|
|
{{$t('overall.save')}}
|
|
|
|
|
|
</div>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<span class="el-icon-plus" slot="reference"></span>
|
|
|
|
|
|
</el-popover>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</el-form-item>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<el-form-item label="U Size">
|
|
|
|
|
|
<span>{{cabinetSelectedData.uSize}}</span>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</el-form-item>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<el-form-item label="Desc">
|
|
|
|
|
|
<span>{{cabinetSelectedData.desc}}</span>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</el-form-item>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<div style="font-size: 10px">CLI Account</div>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
<el-divider></el-divider>
|
|
|
|
|
|
<el-form-item label="IP">
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<el-radio-group size="mini" v-model="accountType">
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<el-radio-button label="Password"></el-radio-button>
|
|
|
|
|
|
<el-radio-button label="SSH私钥"></el-radio-button>
|
|
|
|
|
|
</el-radio-group>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</el-form-item>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<el-form-item label="Account">
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<el-input v-model="form.name"/>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</el-form-item>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<el-form-item label="Password">
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<el-input v-model="form.name"/>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</el-form-item>
|
2019-12-10 17:10:32 +08:00
|
|
|
|
<el-form-item label="Port">
|
2019-12-09 18:51:56 +08:00
|
|
|
|
<el-input v-model="form.name"/>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</el-form>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<div class="">
|
|
|
|
|
|
<div class="right-box-bottom-btn right-box-bottom-btn-cancel"
|
|
|
|
|
|
@click.stop="tagShow()">
|
|
|
|
|
|
{{$t('overall.cancel')}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right-box-bottom-btn right-box-bottom-btn-50"
|
|
|
|
|
|
@click="addNewData('asset')">
|
|
|
|
|
|
{{$t('overall.save')}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-12-04 13:45:37 +08:00
|
|
|
|
</div>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<!------------------------------------------edit---------------------------------------------->
|
|
|
|
|
|
<!------------------------------------------edit---------------------------------------------->
|
|
|
|
|
|
<!------------------------------------------edit---------------------------------------------->
|
2019-12-12 17:07:33 +08:00
|
|
|
|
|
|
|
|
|
|
<div v-show="this.tagType=='edit'">
|
|
|
|
|
|
<div class="right-box-top-btns">
|
|
|
|
|
|
<div class="right-box-top-btn right-box-top-btn-full" @click.stop="tagShow()">
|
|
|
|
|
|
<div class="right-box-btn-icon">
|
|
|
|
|
|
<i class="el-icon-close"></i>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span>{{$t('overall.esc')}}</span>
|
|
|
|
|
|
</div>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<div class="right-box-top-btn right-box-top-btn-full" @click="editData('asset')" v-if="!tabView">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<div class="right-box-btn-icon">
|
|
|
|
|
|
<i class="el-icon-edit-outline"></i>
|
|
|
|
|
|
</div>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<span v-if="!tabView">{{$t('overall.save')}}</span>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
</div>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<div class="right-box-top-btn right-box-top-btn-full" @click="tabView=false" v-if="tabView">
|
|
|
|
|
|
<div class="right-box-btn-icon">
|
|
|
|
|
|
<i class="el-icon-edit-outline"></i>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span v-if="tabView">{{$t('overall.edit')}}</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right-box-top-btn" v-if="!tabView">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<div class="right-box-btn-icon">
|
|
|
|
|
|
<i class="el-icon-delete"></i>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span>{{$t('overall.delete')}}</span>
|
|
|
|
|
|
</div>
|
2019-12-11 17:11:44 +08:00
|
|
|
|
</div>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<div class="right-box-title">{{this.tabView==true? 'Asset':'Edit Asset'}}</div>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-form ref="form" :model="assetData" label-width="120px">
|
|
|
|
|
|
<div class="el-form-style">
|
|
|
|
|
|
<el-form-item label="SN">
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<el-input v-if="!tabView" v-model="assetData.sn"/>
|
|
|
|
|
|
<span v-if="tabView">{{assetData.sn}}</span>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="Host">
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<el-input v-if="!tabView" v-model="assetData.host"/>
|
|
|
|
|
|
<span v-if="tabView">{{assetData.host}}</span>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="State">
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<div v-if="!tabView" class="select-style">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-select v-model="assetData.state" placeholder="请选择">
|
|
|
|
|
|
<el-option
|
|
|
|
|
|
v-for="item in assetStateOption"
|
|
|
|
|
|
:key="item.value"
|
|
|
|
|
|
:label="item.label"
|
|
|
|
|
|
:value="item.value">
|
|
|
|
|
|
</el-option>
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
</div>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<span v-if="tabView">{{assetData.state==1?'在库':'出库'}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="ModelId" v-if="tabView">
|
|
|
|
|
|
<div class="tab-input-square">{{assetViewData.moduleNum}}</div>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="IDC" v-if="tabView">
|
|
|
|
|
|
<div class="tab-input-square">{{assetViewData.alertNum}}</div>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<div style="font-size: 10px">资产信息</div>
|
|
|
|
|
|
<el-divider></el-divider>
|
|
|
|
|
|
<!------------------------------------------资产类型---------------------------------------------->
|
|
|
|
|
|
<el-form-item label="资产类型">
|
|
|
|
|
|
<div class="select-style">
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<el-select v-if="!tabView" v-model="assetType" clearable @change="getAllModelOptionData()">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-option
|
|
|
|
|
|
v-for="item in assetTypeOptionData"
|
|
|
|
|
|
:key="item.id"
|
|
|
|
|
|
:value="item.code"
|
|
|
|
|
|
:label="item.value"
|
|
|
|
|
|
>
|
|
|
|
|
|
<span v-if="!item.isEdit">{{ item.value }}</span>
|
|
|
|
|
|
<span class="config-dropdown-label-input" v-if="item.isEdit"
|
|
|
|
|
|
@click.stop="editing">
|
|
|
|
|
|
<el-input type="text" v-model="item.value" size="mini"/>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<span class="config-dropdown-btn"
|
|
|
|
|
|
@click.stop="editOptionData(item)">
|
|
|
|
|
|
<i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<i class="el-icon-check" v-if="item.isEdit"
|
|
|
|
|
|
@click="editData('sys/dict/update',item)"></i>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
</span>
|
|
|
|
|
|
<span class="config-dropdown-btn config-dropdown-btn-delete"
|
|
|
|
|
|
@click.stop="delOptionData(item)"><i
|
|
|
|
|
|
class="el-icon-delete"></i>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</el-option>
|
|
|
|
|
|
</el-select>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<div class="el-select-add-btn" v-if="!tabView">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-popover
|
|
|
|
|
|
placement="left"
|
|
|
|
|
|
trigger="click"
|
|
|
|
|
|
v-model="editPopTypeVisible"
|
|
|
|
|
|
>
|
|
|
|
|
|
<div class="pop-window-assetType">
|
|
|
|
|
|
<div class="pop-window-assetType-content">
|
|
|
|
|
|
<div class="right-box-top-btns">
|
|
|
|
|
|
<div class="right-box-top-btn right-box-top-btn-full"
|
|
|
|
|
|
@click="editPopoverClose('type')">
|
|
|
|
|
|
<div class="right-box-btn-icon">
|
|
|
|
|
|
<i class="el-icon-close"></i>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span>{{$t('overall.esc')}}</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span style="display: block;padding-bottom: 20px">资产类型</span>
|
|
|
|
|
|
<span style="display: block;padding-bottom: 20px">新增资产类型</span>
|
|
|
|
|
|
<input v-model="assetTypeData.value"/>
|
|
|
|
|
|
<input type="button" value="+Add"
|
|
|
|
|
|
@click="addNewData('assetType')"></input>
|
|
|
|
|
|
<span style="display: block;padding-bottom: 20px">已有资产类型</span>
|
|
|
|
|
|
<div class="li-list">
|
|
|
|
|
|
<ul style="list-style: none">
|
|
|
|
|
|
<li style="cursor: pointer;"
|
|
|
|
|
|
v-for="(item,index) in assetTypeOptionData"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
@click="clickState(index)"
|
|
|
|
|
|
:class="{activeColor:modelCount === index}"
|
2019-12-12 17:07:33 +08:00
|
|
|
|
:key="index">
|
|
|
|
|
|
<div>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<span v-if="!item.isEdit">{{ item.value }}</span>
|
|
|
|
|
|
<span class="config-dropdown-label-input"
|
|
|
|
|
|
v-if="item.isEdit"
|
|
|
|
|
|
@click.stop="editing">
|
|
|
|
|
|
<input type="text" v-model="item.value" 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('sys/dict/update',item)"></i>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<span class="config-dropdown-btn config-dropdown-btn-delete"
|
|
|
|
|
|
@click.stop="delOptionData(item)"><i
|
|
|
|
|
|
class="el-icon-delete"></i>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<!-- <span>{{item.value}}</span>-->
|
|
|
|
|
|
<!-- <i class="el-icon-edit-outline"></i>-->
|
2019-12-12 17:07:33 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right-box-bottom-btns">
|
|
|
|
|
|
<div class="right-box-bottom-btn right-box-bottom-btn-cancel"
|
|
|
|
|
|
@click="editPopoverClose('type')">
|
|
|
|
|
|
{{$t('overall.cancel')}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right-box-bottom-btn right-box-bottom-btn-50">
|
|
|
|
|
|
{{$t('overall.save')}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="el-icon-plus" slot="reference"></span>
|
|
|
|
|
|
</el-popover>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<span v-if="tabView">{{assetViewData.assetType}}</span>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<!------------------------------------------厂商/型号---------------------------------------------->
|
|
|
|
|
|
<el-form-item label="厂商/型号">
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<div class="select-style" v-if="!tabView">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-cascader
|
|
|
|
|
|
:options="vendorTypeOptionData"
|
|
|
|
|
|
v-model="assetData.modelId"
|
|
|
|
|
|
@focus="getConnectData()"
|
|
|
|
|
|
clearable
|
|
|
|
|
|
>
|
|
|
|
|
|
</el-cascader>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<div class="el-select-add-btn" v-if="!tabView">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-popover
|
|
|
|
|
|
placement="left"
|
|
|
|
|
|
trigger="click"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
v-model="editPopVendorVisible"
|
2019-12-12 17:07:33 +08:00
|
|
|
|
>
|
|
|
|
|
|
<div class="pop-window-assetType">
|
|
|
|
|
|
<div class="pop-window-assetType-content">
|
|
|
|
|
|
<div class="right-box-top-btns">
|
|
|
|
|
|
<div class="right-box-top-btn right-box-top-btn-full"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
@click="editPopoverClose('vendor')">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<div class="right-box-btn-icon">
|
|
|
|
|
|
<i class="el-icon-close"></i>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span>{{$t('overall.esc')}}</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="pop-window-assetType">
|
|
|
|
|
|
<span style="display: block;padding-bottom: 15px">商场/型号</span>
|
|
|
|
|
|
<span style="display: block;padding-bottom: 20px">新厂商名称</span>
|
|
|
|
|
|
<input v-model="addVendorData.value"/>
|
|
|
|
|
|
<input type="button" value="+Add"
|
|
|
|
|
|
@click="addNewData('assetType')"></input>
|
|
|
|
|
|
<span style="display: block;padding-bottom: 20px">已有厂商</span>
|
|
|
|
|
|
<div class="li-list-part">
|
|
|
|
|
|
<ul style="list-style: none">
|
|
|
|
|
|
<li style="cursor: pointer;"
|
|
|
|
|
|
v-for="(item,index) in vendorUlData"
|
|
|
|
|
|
@click="getLidata(index,item)"
|
|
|
|
|
|
:class="{activeColor:vendorCount === index}"
|
|
|
|
|
|
:key="index">
|
|
|
|
|
|
<div>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<span v-if="!item.isEdit">{{ item.value }}</span>
|
|
|
|
|
|
<span class="config-dropdown-label-input"
|
|
|
|
|
|
v-if="item.isEdit"
|
|
|
|
|
|
@click.stop="editing">
|
|
|
|
|
|
<input type="text" v-model="item.value" 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('sys/dict/update',item)"></i>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<span class="config-dropdown-btn config-dropdown-btn-delete"
|
|
|
|
|
|
@click.stop="delOptionData(item)"><i
|
|
|
|
|
|
class="el-icon-delete"></i>
|
|
|
|
|
|
</span>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span style="display: block;padding-bottom: 15px">新型号名称</span>
|
|
|
|
|
|
<input v-model="addNewModelData.name"/>
|
|
|
|
|
|
<input type="button" value="+Add"
|
|
|
|
|
|
@click="addNewData('model')"></input>
|
|
|
|
|
|
<span style="display: block;padding-bottom: 20px">已有型号</span>
|
|
|
|
|
|
<div class="li-list-part">
|
|
|
|
|
|
<ul style="list-style: none">
|
|
|
|
|
|
<li style="cursor: pointer;"
|
|
|
|
|
|
v-for="(item,index) in modelUlData"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
@click="clickState(index)"
|
|
|
|
|
|
:class="{activeColor:modelCount === index}"
|
2019-12-12 17:07:33 +08:00
|
|
|
|
:key="index">
|
|
|
|
|
|
<div>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<span v-if="!item.isEdit">{{ item.name }}</span>
|
|
|
|
|
|
<span class="config-dropdown-label-input"
|
|
|
|
|
|
v-if="item.isEdit"
|
|
|
|
|
|
@click.stop="editing">
|
|
|
|
|
|
<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('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>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right-box-bottom-btns">
|
|
|
|
|
|
<div class="right-box-bottom-btn right-box-bottom-btn-cancel"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
@click="editPopoverClose('vendor')">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
{{$t('overall.cancel')}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right-box-bottom-btn right-box-bottom-btn-50">
|
|
|
|
|
|
{{$t('overall.save')}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="el-icon-plus" slot="reference"></span>
|
|
|
|
|
|
</el-popover>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<span v-if="tabView">{{assetViewData.vendor}} {{assetViewData.model}}</span>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="购买日期">
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<div class="select-style" v-if="!tabView">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-date-picker
|
|
|
|
|
|
v-model="assetData.purchaseDate"
|
|
|
|
|
|
value-format="yyyy-MM-dd"
|
|
|
|
|
|
type="date"
|
|
|
|
|
|
placeholder="选择日期">
|
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
|
</div>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<span v-if="tabView">{{assetData.purchaseDate}}</span>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<div style="font-size: 10px">IDC</div>
|
|
|
|
|
|
<el-divider></el-divider>
|
|
|
|
|
|
<!------------------------------------------IDC---------------------------------------------->
|
|
|
|
|
|
<el-form-item label="IDC Name">
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<div class="select-style" v-if="!tabView">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-select v-model="assetData.idcId" 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>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<i class="el-icon-check" v-if="item.isEdit"
|
|
|
|
|
|
@click="editData('idc',item)"></i>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
</span>
|
|
|
|
|
|
<span class="config-dropdown-btn config-dropdown-btn-delete"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
@click.stop="deleteData('idc',item.id)"><i
|
2019-12-12 17:07:33 +08:00
|
|
|
|
class="el-icon-delete"></i></span>
|
|
|
|
|
|
</el-option>
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
<div class="el-select-add-btn">
|
|
|
|
|
|
<el-popover
|
|
|
|
|
|
placement="left"
|
|
|
|
|
|
trigger="click"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
v-model="editPopIDCVisible"
|
2019-12-12 17:07:33 +08:00
|
|
|
|
>
|
|
|
|
|
|
<div class="pop-window-assetType-content">
|
|
|
|
|
|
<div class="right-box-top-btns">
|
|
|
|
|
|
<div class="right-box-top-btn right-box-top-btn-full"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
@click="editPopoverClose('idc')">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<div class="right-box-btn-icon">
|
|
|
|
|
|
<i class="el-icon-close"></i>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span>{{$t('overall.esc')}}</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="pop-window">
|
|
|
|
|
|
<span style="display: block;padding-bottom: 20px">标题</span>
|
|
|
|
|
|
<el-form-item label="IDC Name">
|
|
|
|
|
|
<el-input v-model="addIdcData.name"/>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="Location">
|
|
|
|
|
|
<el-input v-model="addIdcData.location"/>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="负责人">
|
|
|
|
|
|
<el-input v-model="addIdcData.principal"/>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="Tel">
|
|
|
|
|
|
<el-input v-model="addIdcData.tel"/>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right-box-bottom-btns">
|
|
|
|
|
|
<div class="right-box-bottom-btn right-box-bottom-btn-cancel"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
@click="editPopoverClose('idc')">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
{{$t('overall.cancel')}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right-box-bottom-btn right-box-bottom-btn-50"
|
|
|
|
|
|
@click="addNewData('IDC')">
|
|
|
|
|
|
{{$t('overall.save')}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="el-icon-plus" slot="reference"></span>
|
|
|
|
|
|
</el-popover>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<span v-if="tabView">{{assetViewData.idcName}}</span>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="Location">
|
|
|
|
|
|
<span>{{idcSelectedData.location}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="负责人">
|
|
|
|
|
|
<span>{{idcSelectedData.principal}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="Tel">
|
|
|
|
|
|
<span>{{idcSelectedData.tel}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-divider></el-divider>
|
|
|
|
|
|
<!------------------------------------------cabinet---------------------------------------------->
|
|
|
|
|
|
<el-form-item label="机柜">
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<div class="select-style" v-if="!tabView">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
<el-select clearable v-model="assetData.cabinetId"
|
|
|
|
|
|
@change="getSingleCabinetData">
|
|
|
|
|
|
<el-option
|
|
|
|
|
|
v-for="item in cabinetOptionData"
|
|
|
|
|
|
: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>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<i class="el-icon-check" v-if="item.isEdit"
|
|
|
|
|
|
@click="editData('cabinet',item)"></i>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
</span>
|
|
|
|
|
|
<span class="config-dropdown-btn config-dropdown-btn-delete"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
@click.stop="deleteData('cabinet',item.id)"><i
|
2019-12-12 17:07:33 +08:00
|
|
|
|
class="el-icon-delete"></i></span>
|
|
|
|
|
|
</el-option>
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
<div class="el-select-add-btn">
|
|
|
|
|
|
<el-popover
|
|
|
|
|
|
placement="left"
|
|
|
|
|
|
trigger="click"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
v-model="editPopCabinetVisible"
|
2019-12-12 17:07:33 +08:00
|
|
|
|
>
|
|
|
|
|
|
<div class="pop-window-assetType-content">
|
|
|
|
|
|
<div class="right-box-top-btns">
|
|
|
|
|
|
<div class="right-box-top-btn right-box-top-btn-full"
|
|
|
|
|
|
@click="editPopoverClose('cabinet')">
|
|
|
|
|
|
<div class="right-box-btn-icon">
|
|
|
|
|
|
<i class="el-icon-close"></i>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span>{{$t('overall.esc')}}</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="pop-window">
|
|
|
|
|
|
<span style="display: block;padding-bottom: 20px">标题</span>
|
|
|
|
|
|
<el-form-item label="Name">
|
|
|
|
|
|
<el-input v-model="addCabinetData.name"/>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="U Size">
|
|
|
|
|
|
<div>{{addCabinetData.uSize}}</div>
|
|
|
|
|
|
<el-slider v-model="addCabinetData.uSize"></el-slider>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="Desc">
|
|
|
|
|
|
<el-input v-model="addCabinetData.desc" type="textarea"
|
|
|
|
|
|
:rows="2"/>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="IDC">
|
|
|
|
|
|
<el-input v-model="addCabinetData.idc"/>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right-box-bottom-btns">
|
|
|
|
|
|
<div class="right-box-bottom-btn right-box-bottom-btn-cancel"
|
|
|
|
|
|
@click="editPopoverClose('cabinet')">
|
|
|
|
|
|
{{$t('overall.cancel')}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right-box-bottom-btn right-box-bottom-btn-50"
|
|
|
|
|
|
@click="addNewData('cabinet')">
|
|
|
|
|
|
{{$t('overall.save')}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="el-icon-plus" slot="reference"></span>
|
|
|
|
|
|
</el-popover>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-12-13 16:43:24 +08:00
|
|
|
|
<span v-if="tabView">{{assetViewData.cabinetName}}</span>
|
2019-12-12 17:07:33 +08:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="U Size">
|
|
|
|
|
|
<span>{{cabinetSelectedData.uSize}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="Desc">
|
|
|
|
|
|
<span>{{cabinetSelectedData.desc}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<div style="font-size: 10px">CLI Account</div>
|
|
|
|
|
|
<el-divider></el-divider>
|
|
|
|
|
|
<el-form-item label="IP">
|
|
|
|
|
|
<el-radio-group size="mini" v-model="accountType">
|
|
|
|
|
|
<el-radio-button label="Password"></el-radio-button>
|
|
|
|
|
|
<el-radio-button label="SSH私钥"></el-radio-button>
|
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="Account">
|
|
|
|
|
|
<el-input v-model="form.name"/>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="Password">
|
|
|
|
|
|
<el-input v-model="form.name"/>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="Port">
|
|
|
|
|
|
<el-input v-model="form.name"/>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</el-form>
|
|
|
|
|
|
<div class="">
|
|
|
|
|
|
<div class="right-box-bottom-btn right-box-bottom-btn-cancel"
|
|
|
|
|
|
@click.stop="tagShow()">
|
|
|
|
|
|
{{$t('overall.cancel')}}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right-box-bottom-btn right-box-bottom-btn-50"
|
2019-12-13 16:43:24 +08:00
|
|
|
|
@click="editData('asset')">
|
2019-12-12 17:07:33 +08:00
|
|
|
|
{{$t('overall.save')}}
|
|
|
|
|
|
</div>
|
2019-12-11 17:11:44 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</transition>
|
2019-12-04 13:45:37 +08:00
|
|
|
|
</div>
|
2019-12-06 15:53:50 +08:00
|
|
|
|
</div>
|
2019-11-29 15:00:26 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
export default {
|
2019-12-04 13:45:37 +08:00
|
|
|
|
name: "asset",
|
|
|
|
|
|
data() {
|
|
|
|
|
|
return {
|
2019-12-12 17:07:33 +08:00
|
|
|
|
vendorModelData: '',
|
|
|
|
|
|
assetData: {
|
2019-12-13 16:43:24 +08:00
|
|
|
|
id: '',
|
2019-12-12 17:07:33 +08:00
|
|
|
|
sn: '',
|
|
|
|
|
|
host: '',
|
|
|
|
|
|
state: '',
|
|
|
|
|
|
purchaseDate: '',
|
|
|
|
|
|
idcId: '',
|
|
|
|
|
|
cabinetId: '',
|
|
|
|
|
|
modelId: ''
|
2019-12-11 17:11:44 +08:00
|
|
|
|
},
|
2019-12-13 16:43:24 +08:00
|
|
|
|
assetViewData:{
|
|
|
|
|
|
assetType:'',
|
|
|
|
|
|
vendor:'',
|
|
|
|
|
|
model:'',
|
|
|
|
|
|
moduleNum:'',
|
|
|
|
|
|
alertNum:'',
|
|
|
|
|
|
idcName:'',
|
|
|
|
|
|
cabinetName:''
|
|
|
|
|
|
},
|
|
|
|
|
|
assetStateOption: [
|
|
|
|
|
|
{
|
|
|
|
|
|
value: 1,
|
|
|
|
|
|
label: '在库'
|
|
|
|
|
|
}, {
|
|
|
|
|
|
value: 2,
|
|
|
|
|
|
label: '出库'
|
|
|
|
|
|
}],
|
2019-12-10 17:10:32 +08:00
|
|
|
|
cabinetModelData: '',
|
2019-12-06 16:43:04 +08:00
|
|
|
|
checkList: [],
|
2019-12-05 16:48:23 +08:00
|
|
|
|
tableTitle: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: this.$t("asset.tableTitle.id"),
|
|
|
|
|
|
prop: 'ID',
|
2019-12-12 17:07:33 +08:00
|
|
|
|
show: false,
|
2019-12-05 16:48:23 +08:00
|
|
|
|
}, {
|
|
|
|
|
|
label: this.$t("asset.tableTitle.assetType"),
|
|
|
|
|
|
prop: '资产类型',
|
|
|
|
|
|
show: true,
|
|
|
|
|
|
}, {
|
2019-12-06 16:43:04 +08:00
|
|
|
|
label: this.$t("asset.tableTitle.device"),
|
2019-12-12 17:07:33 +08:00
|
|
|
|
prop: 'SN',
|
2019-12-05 16:48:23 +08:00
|
|
|
|
show: true,
|
|
|
|
|
|
}, {
|
2019-12-12 17:07:33 +08:00
|
|
|
|
label: this.$t("asset.tableTitle.host"),
|
|
|
|
|
|
prop: 'HOST',
|
2019-12-05 16:48:23 +08:00
|
|
|
|
show: true,
|
|
|
|
|
|
}, {
|
|
|
|
|
|
label: this.$t("asset.tableTitle.assetState"),
|
|
|
|
|
|
prop: '资产状态',
|
|
|
|
|
|
show: true,
|
|
|
|
|
|
}, {
|
2019-12-06 16:43:04 +08:00
|
|
|
|
label: this.$t("asset.tableTitle.module"),
|
2019-12-05 16:48:23 +08:00
|
|
|
|
prop: 'Module',
|
|
|
|
|
|
show: true,
|
|
|
|
|
|
}, {
|
2019-12-10 17:10:32 +08:00
|
|
|
|
label: this.$t("asset.tableTitle.alert"),
|
2019-12-12 17:07:33 +08:00
|
|
|
|
prop: 'Alert',
|
2019-12-05 16:48:23 +08:00
|
|
|
|
show: true,
|
|
|
|
|
|
}, {
|
|
|
|
|
|
label: this.$t("asset.tableTitle.dataCenter"),
|
|
|
|
|
|
prop: '数据中心',
|
|
|
|
|
|
show: true,
|
|
|
|
|
|
}, {
|
|
|
|
|
|
label: this.$t("asset.tableTitle.cabinet"),
|
|
|
|
|
|
prop: '机柜',
|
|
|
|
|
|
show: true,
|
|
|
|
|
|
}, {
|
|
|
|
|
|
label: this.$t("asset.tableTitle.model"),
|
|
|
|
|
|
prop: '型号',
|
|
|
|
|
|
show: true,
|
|
|
|
|
|
}, {
|
|
|
|
|
|
label: this.$t("asset.tableTitle.manufacturer"),
|
|
|
|
|
|
prop: '厂商',
|
|
|
|
|
|
show: true,
|
|
|
|
|
|
}, {
|
|
|
|
|
|
label: this.$t("asset.tableTitle.procurementDate"),
|
2019-12-12 17:07:33 +08:00
|
|
|
|
prop: '购买日期',
|
2019-12-05 16:48:23 +08:00
|
|
|
|
show: true,
|
|
|
|
|
|
}, {
|
2019-12-12 17:07:33 +08:00
|
|
|
|
label: this.$t("asset.tableTitle.principal"),
|
|
|
|
|
|
prop: '责任人',
|
2019-12-05 16:48:23 +08:00
|
|
|
|
show: true,
|
|
|
|
|
|
}, {
|
2019-12-12 17:07:33 +08:00
|
|
|
|
label: this.$t("asset.tableTitle.principalTel"),
|
|
|
|
|
|
prop: '责任人电话',
|
2019-12-05 16:48:23 +08:00
|
|
|
|
show: true,
|
2019-12-06 16:43:04 +08:00
|
|
|
|
}, {
|
|
|
|
|
|
label: this.$t('config.account.option'),
|
|
|
|
|
|
prop: 'option',
|
|
|
|
|
|
show: true,
|
2019-12-05 16:48:23 +08:00
|
|
|
|
}],
|
2019-12-04 13:45:37 +08:00
|
|
|
|
tableData: [],
|
2019-12-09 18:51:56 +08:00
|
|
|
|
checkListData: [],
|
2019-12-11 17:11:44 +08:00
|
|
|
|
assetTypeData11111: '',
|
|
|
|
|
|
assetTypeOptionData: [],
|
2019-12-12 17:07:33 +08:00
|
|
|
|
vendorTypeData: '',
|
|
|
|
|
|
vendorTypeOptionData: [
|
2019-12-10 17:10:32 +08:00
|
|
|
|
{
|
2019-12-12 17:07:33 +08:00
|
|
|
|
value: '',
|
|
|
|
|
|
label: '',
|
|
|
|
|
|
children: []
|
2019-12-09 18:51:56 +08:00
|
|
|
|
}],
|
2019-12-12 17:07:33 +08:00
|
|
|
|
vendorUlData: '',
|
|
|
|
|
|
modelUlData: '',
|
|
|
|
|
|
vendorCode: '',
|
2019-12-10 17:10:32 +08:00
|
|
|
|
IDCData: '',
|
|
|
|
|
|
IDCOptionData: [],
|
|
|
|
|
|
cabinetData: '',
|
|
|
|
|
|
cabinetOptionData: [],
|
2019-12-06 15:53:50 +08:00
|
|
|
|
input: '',
|
2019-12-04 13:45:37 +08:00
|
|
|
|
pageObj: {
|
2019-12-13 16:43:24 +08:00
|
|
|
|
id: '',
|
2019-12-04 13:45:37 +08:00
|
|
|
|
pageNo: 1,
|
|
|
|
|
|
pageSize: 20,
|
2019-12-06 15:53:50 +08:00
|
|
|
|
total: 0,
|
2019-12-12 17:07:33 +08:00
|
|
|
|
idcId: '',
|
2019-12-13 16:43:24 +08:00
|
|
|
|
idcIds: ''
|
2019-12-04 13:45:37 +08:00
|
|
|
|
},
|
2019-12-09 18:51:56 +08:00
|
|
|
|
tableHeight: document.documentElement.clientHeight - 200,
|
2019-12-04 13:45:37 +08:00
|
|
|
|
tabShow: false,
|
2019-12-13 16:43:24 +08:00
|
|
|
|
tabView: true,
|
2019-12-04 13:45:37 +08:00
|
|
|
|
tagType: 'add',
|
|
|
|
|
|
form: {
|
|
|
|
|
|
name: ''
|
|
|
|
|
|
},
|
2019-12-09 18:51:56 +08:00
|
|
|
|
rightBox: { //弹出框相关
|
|
|
|
|
|
show: false,
|
|
|
|
|
|
isEdit: false, //false查看，true编辑
|
|
|
|
|
|
title: ''
|
|
|
|
|
|
},
|
2019-12-11 17:11:44 +08:00
|
|
|
|
assetType: '',
|
|
|
|
|
|
assetTypeData: {
|
|
|
|
|
|
type: 'assetType',
|
|
|
|
|
|
value: '',
|
|
|
|
|
|
},
|
2019-12-12 17:07:33 +08:00
|
|
|
|
addVendorData: {
|
|
|
|
|
|
type: 'vendor',
|
|
|
|
|
|
value: '',
|
|
|
|
|
|
},
|
|
|
|
|
|
addNewModelData: {
|
|
|
|
|
|
name: '',
|
|
|
|
|
|
vendorCode: '',
|
|
|
|
|
|
typeCode: ''
|
|
|
|
|
|
},
|
2019-12-10 17:10:32 +08:00
|
|
|
|
accountType: '',
|
|
|
|
|
|
idcSelectedData: {
|
|
|
|
|
|
id: '',
|
|
|
|
|
|
name: '',
|
|
|
|
|
|
location: '',
|
|
|
|
|
|
principal: '',
|
|
|
|
|
|
tel: ''
|
|
|
|
|
|
},
|
2019-12-11 17:11:44 +08:00
|
|
|
|
addIdcData: {
|
|
|
|
|
|
id: '',
|
|
|
|
|
|
name: '',
|
|
|
|
|
|
location: '',
|
|
|
|
|
|
principal: '',
|
|
|
|
|
|
tel: ''
|
|
|
|
|
|
},
|
2019-12-10 17:10:32 +08:00
|
|
|
|
cabinetSelectedData: {
|
|
|
|
|
|
uSize: '',
|
|
|
|
|
|
desc: '',
|
2019-12-12 17:07:33 +08:00
|
|
|
|
},
|
|
|
|
|
|
addCabinetData: {
|
|
|
|
|
|
name: '',
|
|
|
|
|
|
uSize: 0,
|
|
|
|
|
|
remark: '',
|
|
|
|
|
|
idcId: '',
|
2019-12-10 17:10:32 +08:00
|
|
|
|
},
|
|
|
|
|
|
popTypeVisible: false,
|
|
|
|
|
|
popCompVisible: false,
|
|
|
|
|
|
popIDCVisible: false,
|
2019-12-11 17:11:44 +08:00
|
|
|
|
popCabinetVisible: false,
|
2019-12-13 16:43:24 +08:00
|
|
|
|
|
|
|
|
|
|
editPopTypeVisible: false,
|
|
|
|
|
|
editPopVendorVisible: false,
|
|
|
|
|
|
editPopIDCVisible: false,
|
|
|
|
|
|
editPopCabinetVisible: false,
|
|
|
|
|
|
|
2019-12-12 17:07:33 +08:00
|
|
|
|
vendorCount: '',
|
2019-12-13 16:43:24 +08:00
|
|
|
|
modelCount: '',
|
2019-12-12 17:07:33 +08:00
|
|
|
|
allModelUlData: '',
|
2019-12-13 16:43:24 +08:00
|
|
|
|
addForm: {
|
|
|
|
|
|
sn: '',
|
|
|
|
|
|
host: '',
|
|
|
|
|
|
state: '',
|
2019-12-12 17:07:33 +08:00
|
|
|
|
}
|
2019-12-06 15:53:50 +08:00
|
|
|
|
}
|
|
|
|
|
|
},
|
2019-12-09 18:51:56 +08:00
|
|
|
|
computed: {
|
|
|
|
|
|
getData() {
|
2019-12-06 15:53:50 +08:00
|
|
|
|
return this.$store.state.assetData
|
2019-12-04 13:45:37 +08:00
|
|
|
|
}
|
|
|
|
|
|
},
|
2019-12-09 18:51:56 +08:00
|
|
|
|
watch: {
|
|
|
|
|
|
getData: {
|
|
|
|
|
|
handler(newVal, oldVal) {
|
|
|
|
|
|
this.checkList.splice(0, 0, newVal.selectedData)
|
2019-12-12 17:07:33 +08:00
|
|
|
|
console.log(newVal.selectedData)
|
2019-12-06 15:53:50 +08:00
|
|
|
|
},
|
|
|
|
|
|
deep: true,
|
|
|
|
|
|
},
|
|
|
|
|
|
},
|
2019-12-04 13:45:37 +08:00
|
|
|
|
methods: {
|
2019-12-13 16:43:24 +08:00
|
|
|
|
changeState(){
|
|
|
|
|
|
this.tabView=false
|
|
|
|
|
|
|
|
|
|
|
|
},
|
2019-12-12 17:07:33 +08:00
|
|
|
|
getAssetData(data) {
|
2019-12-13 16:43:24 +08:00
|
|
|
|
if (data !== undefined) {
|
|
|
|
|
|
this.pageObj.id = data
|
2019-12-12 17:07:33 +08:00
|
|
|
|
this.$get('asset', this.pageObj).then(response => {
|
|
|
|
|
|
if (response.code === 200) {
|
|
|
|
|
|
console.log(response.data.list[0])
|
2019-12-13 16:43:24 +08:00
|
|
|
|
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
|
2019-12-12 17:07:33 +08:00
|
|
|
|
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
|
2019-12-13 16:43:24 +08:00
|
|
|
|
this.assetData.cabinetId = response.data.list[0].cabinet == null ? '' : response.data.list[0].cabinet.id
|
2019-12-12 17:07:33 +08:00
|
|
|
|
this.assetData.purchaseDate = response.data.list[0].purchaseDate
|
|
|
|
|
|
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
|
2019-12-13 16:43:24 +08:00
|
|
|
|
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.assetData.modelId = [response.data.list[0].model.vendor.value, response.data.list[0].model.id]
|
2019-12-12 17:07:33 +08:00
|
|
|
|
this.getConnectData()
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
2019-12-13 16:43:24 +08:00
|
|
|
|
} else {
|
|
|
|
|
|
this.pageObj.id=''
|
2019-12-12 17:07:33 +08:00
|
|
|
|
this.$get('asset', this.pageObj).then(response => {
|
|
|
|
|
|
if (response.code === 200) {
|
|
|
|
|
|
this.tableData = response.data.list;
|
|
|
|
|
|
this.pageObj.total = response.data.total
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
2019-12-10 17:10:32 +08:00
|
|
|
|
},
|
|
|
|
|
|
getIDCOptionData() {
|
2019-12-11 17:11:44 +08:00
|
|
|
|
this.$get('idc').then(response => {
|
2019-12-10 17:10:32 +08:00
|
|
|
|
if (response.code === 200) {
|
|
|
|
|
|
this.checkListData = this.IDCOptionData = response.data.list;
|
2019-12-12 17:07:33 +08:00
|
|
|
|
this.markOptionData(this.IDCOptionData)
|
2019-12-06 16:43:04 +08:00
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
2019-12-11 17:11:44 +08:00
|
|
|
|
getCabinetOptionData(data) {
|
2019-12-12 17:07:33 +08:00
|
|
|
|
this.$get('cabinet?idcId=' + data).then(response => {
|
2019-12-06 15:53:50 +08:00
|
|
|
|
if (response.code === 200) {
|
2019-12-10 17:10:32 +08:00
|
|
|
|
this.cabinetOptionData = response.data.list;
|
2019-12-12 17:07:33 +08:00
|
|
|
|
this.markOptionData(this.cabinetOptionData)
|
2019-12-05 16:48:23 +08:00
|
|
|
|
}
|
2019-12-04 13:45:37 +08:00
|
|
|
|
})
|
2019-12-09 18:51:56 +08:00
|
|
|
|
},
|
2019-12-11 17:11:44 +08:00
|
|
|
|
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) {
|
|
|
|
|
|
this.vendorUlData = response.data
|
|
|
|
|
|
this.markOptionData(this.vendorUlData)
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
2019-12-12 17:07:33 +08:00
|
|
|
|
getModelOptionData(assetType, vendorCode) {
|
|
|
|
|
|
this.$get('model?typeCode=' + assetType + '&vendorCode=' + vendorCode).then(response => {
|
2019-12-11 17:11:44 +08:00
|
|
|
|
if (response.code === 200) {
|
|
|
|
|
|
this.modelUlData = response.data.list
|
2019-12-13 16:43:24 +08:00
|
|
|
|
this.markOptionData(this.modelUlData)
|
2019-12-12 17:07:33 +08:00
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
getAllModelOptionData() {
|
|
|
|
|
|
this.$get('model?typeCode=' + this.assetType).then(response => {
|
|
|
|
|
|
if (response.code === 200) {
|
|
|
|
|
|
this.allModelUlData = response.data.list
|
2019-12-11 17:11:44 +08:00
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
addNewData(type) {
|
|
|
|
|
|
if (type === 'IDC') {
|
|
|
|
|
|
this.$post('idc', this.addIdcData).then(res => {
|
2019-12-12 17:07:33 +08:00
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
|
const h = this.$createElement;
|
|
|
|
|
|
this.$notify({
|
|
|
|
|
|
message: h('i', {style: 'color: teal'}, '添加成功'),
|
|
|
|
|
|
duration: 2000
|
|
|
|
|
|
});
|
2019-12-13 16:43:24 +08:00
|
|
|
|
this.getIDCOptionData()
|
|
|
|
|
|
this.getAssetData()
|
2019-12-12 17:07:33 +08:00
|
|
|
|
}
|
2019-12-11 17:11:44 +08:00
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
if (type === 'assetType') {
|
|
|
|
|
|
this.$post('sys/dict/save', this.assetTypeData).then(res => {
|
2019-12-12 17:07:33 +08:00
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
|
this.getAssetTypeOptionData()
|
|
|
|
|
|
const h = this.$createElement;
|
|
|
|
|
|
this.$notify({
|
|
|
|
|
|
message: h('i', {style: 'color: teal'}, '添加成功'),
|
|
|
|
|
|
duration: 2000
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
2019-12-11 17:11:44 +08:00
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
if (type === 'asset') {
|
2019-12-13 16:43:24 +08:00
|
|
|
|
console.log(this.assetData.modelId)
|
2019-12-12 17:07:33 +08:00
|
|
|
|
this.assetData.modelId = this.assetData.modelId.join(',').split(',')[1]
|
2019-12-11 17:11:44 +08:00
|
|
|
|
this.$post('asset', this.assetData).then(res => {
|
2019-12-12 17:07:33 +08:00
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
|
const h = this.$createElement;
|
|
|
|
|
|
this.$notify({
|
|
|
|
|
|
message: h('i', {style: 'color: teal'}, '添加成功'),
|
|
|
|
|
|
duration: 2000
|
|
|
|
|
|
});
|
|
|
|
|
|
this.getAssetData();
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
if (type === 'model') {
|
|
|
|
|
|
this.addNewModelData.typeCode = this.assetType
|
|
|
|
|
|
this.addNewModelData.vendorCode = this.vendorCode
|
|
|
|
|
|
this.$post('model', this.addNewModelData).then(res => {
|
|
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
|
this.getModelOptionData(this.assetType, this.vendorCode)
|
|
|
|
|
|
const h = this.$createElement;
|
|
|
|
|
|
this.$notify({
|
|
|
|
|
|
message: h('i', {style: 'color: teal'}, '添加成功'),
|
|
|
|
|
|
duration: 2000
|
|
|
|
|
|
});
|
|
|
|
|
|
this.getConnectData()
|
2019-12-13 16:43:24 +08:00
|
|
|
|
} else {
|
2019-12-12 17:07:33 +08:00
|
|
|
|
const h = this.$createElement;
|
|
|
|
|
|
this.$notify({
|
2019-12-13 16:43:24 +08:00
|
|
|
|
message: h('i', {style: 'color: teal'}, res.msg),
|
2019-12-12 17:07:33 +08:00
|
|
|
|
duration: 2000
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
if (type === 'cabinet') {
|
|
|
|
|
|
this.addCabinetData.idcId = this.assetData.idcId
|
|
|
|
|
|
this.$post('cabinet', this.addCabinetData).then(res => {
|
|
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
|
const h = this.$createElement;
|
|
|
|
|
|
this.$notify({
|
|
|
|
|
|
message: h('i', {style: 'color: teal'}, '添加成功'),
|
|
|
|
|
|
duration: 2000
|
|
|
|
|
|
});
|
|
|
|
|
|
this.getCabinetOptionData(this.addCabinetData.idcId)
|
|
|
|
|
|
this.popoverClose('cabinet')
|
|
|
|
|
|
}
|
2019-12-11 17:11:44 +08:00
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
2019-12-13 16:43:24 +08:00
|
|
|
|
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({
|
|
|
|
|
|
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
|
|
|
|
|
|
}
|
|
|
|
|
|
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){
|
|
|
|
|
|
this.$delete(data+"?ids="+item).then(response => {
|
|
|
|
|
|
if (response.code === 200) {
|
|
|
|
|
|
const h = this.$createElement;
|
|
|
|
|
|
this.$notify({
|
|
|
|
|
|
message: h('i', {style: 'color: teal'}, '删除成功'),
|
|
|
|
|
|
duration: 2000
|
|
|
|
|
|
});
|
|
|
|
|
|
this.getIDCOptionData()
|
|
|
|
|
|
this.getAssetData()
|
|
|
|
|
|
this.getCabinetOptionData(this.assetData.idcId)
|
|
|
|
|
|
this.getModelOptionData(this.assetType, this.vendorCode)
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
2019-12-11 17:11:44 +08:00
|
|
|
|
markOptionData(data) {
|
|
|
|
|
|
data.forEach(item => {
|
2019-12-10 17:10:32 +08:00
|
|
|
|
this.$set(item, 'isEdit', false);
|
2019-12-11 17:11:44 +08:00
|
|
|
|
this.$set(item, 'oldName', item.value);
|
2019-12-10 17:10:32 +08:00
|
|
|
|
})
|
2019-12-09 18:51:56 +08:00
|
|
|
|
},
|
2019-12-12 17:07:33 +08:00
|
|
|
|
getConnectData() {
|
|
|
|
|
|
this.getAllModelOptionData()
|
|
|
|
|
|
var resultData = []
|
|
|
|
|
|
let venData = this.vendorUlData
|
|
|
|
|
|
let modelData = this.allModelUlData
|
|
|
|
|
|
for (var i = 0; i < venData.length; i++) {
|
|
|
|
|
|
var obj = {}
|
|
|
|
|
|
obj.value = venData[i].value
|
|
|
|
|
|
obj.label = venData[i].value
|
|
|
|
|
|
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)
|
|
|
|
|
|
}
|
|
|
|
|
|
this.vendorTypeOptionData = resultData
|
|
|
|
|
|
},
|
2019-12-09 18:51:56 +08:00
|
|
|
|
editOptionData(item) {
|
|
|
|
|
|
if (!item.isEdit) {
|
|
|
|
|
|
item.isEdit = true;
|
|
|
|
|
|
} else {
|
2019-12-10 17:10:32 +08:00
|
|
|
|
if (item.name !== item.oldName) {
|
2019-12-09 18:51:56 +08:00
|
|
|
|
item.isEdit = false;
|
|
|
|
|
|
} else {
|
|
|
|
|
|
item.isEdit = false;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
2019-12-12 17:07:33 +08:00
|
|
|
|
delOptionData(data) {
|
|
|
|
|
|
},
|
2019-12-13 16:43:24 +08:00
|
|
|
|
tagShow(t, data) {
|
2019-12-06 15:53:50 +08:00
|
|
|
|
this.tabShow = false;
|
2019-12-04 13:45:37 +08:00
|
|
|
|
if (t === 'showAdd') {
|
2019-12-06 15:53:50 +08:00
|
|
|
|
this.tabShow = true;
|
2019-12-04 13:45:37 +08:00
|
|
|
|
this.tagType = 'add'
|
2019-12-12 17:07:33 +08:00
|
|
|
|
this.$refs['addForm'].resetFields()
|
|
|
|
|
|
this.assetType = ''
|
2019-12-13 16:43:24 +08:00
|
|
|
|
this.assetData.idcId = ''
|
|
|
|
|
|
this.assetData.cabinetId = ''
|
|
|
|
|
|
this.idcSelectedData.location = ''
|
|
|
|
|
|
this.idcSelectedData.principal = ''
|
|
|
|
|
|
this.idcSelectedData.tel = ''
|
|
|
|
|
|
this.cabinetSelectedData.uSize = ''
|
|
|
|
|
|
this.cabinetSelectedData.desc = ''
|
|
|
|
|
|
|
2019-12-04 13:45:37 +08:00
|
|
|
|
}
|
|
|
|
|
|
if (t === 'showEdit') {
|
2019-12-06 15:53:50 +08:00
|
|
|
|
this.tabShow = true;
|
2019-12-04 13:45:37 +08:00
|
|
|
|
this.tagType = 'edit'
|
2019-12-13 16:43:24 +08:00
|
|
|
|
this.assetData.id = data
|
|
|
|
|
|
this.getAssetData(data)
|
|
|
|
|
|
this.tabView = false
|
|
|
|
|
|
}
|
|
|
|
|
|
if (t === 'showView') {
|
|
|
|
|
|
this.tabShow = true;
|
|
|
|
|
|
this.tagType = 'edit'
|
|
|
|
|
|
this.assetData.id = data
|
2019-12-12 17:07:33 +08:00
|
|
|
|
this.getAssetData(data)
|
2019-12-13 16:43:24 +08:00
|
|
|
|
this.tabView = true
|
2019-12-04 13:45:37 +08:00
|
|
|
|
}
|
2019-12-09 18:51:56 +08:00
|
|
|
|
},
|
|
|
|
|
|
editing() {
|
|
|
|
|
|
|
2019-12-10 17:10:32 +08:00
|
|
|
|
},
|
|
|
|
|
|
getSingleIDCData(data) {
|
2019-12-11 17:11:44 +08:00
|
|
|
|
this.idcSelectedData = '';
|
2019-12-10 17:10:32 +08:00
|
|
|
|
this.IDCOptionData.forEach(item => {
|
2019-12-11 17:11:44 +08:00
|
|
|
|
if (item.id === data) {
|
2019-12-10 17:10:32 +08:00
|
|
|
|
this.idcSelectedData = item
|
|
|
|
|
|
}
|
2019-12-11 17:11:44 +08:00
|
|
|
|
});
|
|
|
|
|
|
this.getCabinetOptionData(this.assetData.idcId);
|
2019-12-12 17:07:33 +08:00
|
|
|
|
this.assetData.cabinetId = ''
|
|
|
|
|
|
}
|
|
|
|
|
|
,
|
2019-12-10 17:10:32 +08:00
|
|
|
|
getSingleCabinetData(data) {
|
2019-12-12 17:07:33 +08:00
|
|
|
|
this.cabinetSelectedData = '';
|
2019-12-10 17:10:32 +08:00
|
|
|
|
this.cabinetOptionData.forEach(item => {
|
2019-12-11 17:11:44 +08:00
|
|
|
|
if (item.id === data) {
|
2019-12-10 17:10:32 +08:00
|
|
|
|
this.cabinetSelectedData = item
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
2019-12-04 13:45:37 +08:00
|
|
|
|
},
|
2019-12-13 16:43:24 +08:00
|
|
|
|
getSingleAsset(data) {
|
|
|
|
|
|
this.pageObj.idcIds = data.join(',')
|
2019-12-12 17:07:33 +08:00
|
|
|
|
this.getAssetData()
|
2019-12-11 17:11:44 +08:00
|
|
|
|
},
|
2019-12-12 17:07:33 +08:00
|
|
|
|
getLidata(index, item) {
|
|
|
|
|
|
this.vendorCount = index;
|
|
|
|
|
|
this.vendorCode = item.code;
|
|
|
|
|
|
this.getModelOptionData(this.assetType, this.vendorCode)
|
|
|
|
|
|
}
|
|
|
|
|
|
,
|
2019-12-04 13:45:37 +08:00
|
|
|
|
pageNo(val) {
|
|
|
|
|
|
this.pageObj.pageNo = val;
|
2019-12-10 17:10:32 +08:00
|
|
|
|
this.getAssetData()
|
2019-12-12 17:07:33 +08:00
|
|
|
|
}
|
|
|
|
|
|
,
|
2019-12-05 16:48:23 +08:00
|
|
|
|
pageSize(val) {
|
2019-12-04 13:45:37 +08:00
|
|
|
|
this.pageObj.pageSize = val;
|
2019-12-10 17:10:32 +08:00
|
|
|
|
this.getAssetData()
|
2019-12-13 16:43:24 +08:00
|
|
|
|
},
|
|
|
|
|
|
clickState(index) {
|
|
|
|
|
|
this.modelCount = index;
|
|
|
|
|
|
},
|
2019-12-10 17:10:32 +08:00
|
|
|
|
popoverClose(data) {
|
|
|
|
|
|
if (data === 'type') {
|
2019-12-13 16:43:24 +08:00
|
|
|
|
this.modelCount = ''
|
2019-12-10 17:10:32 +08:00
|
|
|
|
this.popTypeVisible = false
|
|
|
|
|
|
}
|
2019-12-13 16:43:24 +08:00
|
|
|
|
if (data === 'vendor') {
|
2019-12-11 17:11:44 +08:00
|
|
|
|
this.popCompVisible = false;
|
|
|
|
|
|
this.modelUlData = '';
|
|
|
|
|
|
this.vendorCount = ''
|
2019-12-10 17:10:32 +08:00
|
|
|
|
}
|
2019-12-13 16:43:24 +08:00
|
|
|
|
if (data === 'idc') {
|
2019-12-10 17:10:32 +08:00
|
|
|
|
this.popIDCVisible = false
|
|
|
|
|
|
}
|
2019-12-12 17:07:33 +08:00
|
|
|
|
if (data === 'cabinet') {
|
2019-12-10 17:10:32 +08:00
|
|
|
|
this.popCabinetVisible = false
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
2019-12-12 17:07:33 +08:00
|
|
|
|
editPopoverClose(data) {
|
|
|
|
|
|
if (data === 'type') {
|
2019-12-13 16:43:24 +08:00
|
|
|
|
this.modelCount = ''
|
|
|
|
|
|
this.editPopTypeVisible = !this.editPopTypeVisible
|
2019-12-12 17:07:33 +08:00
|
|
|
|
}
|
2019-12-13 16:43:24 +08:00
|
|
|
|
if (data === 'vendor') {
|
2019-12-12 17:07:33 +08:00
|
|
|
|
this.vendorCount = ''
|
2019-12-13 16:43:24 +08:00
|
|
|
|
this.modelCount = ''
|
|
|
|
|
|
this.editPopVendorVisible = !this.editPopVendorVisible
|
2019-12-12 17:07:33 +08:00
|
|
|
|
}
|
2019-12-13 16:43:24 +08:00
|
|
|
|
if (data === 'idc') {
|
|
|
|
|
|
this.editPopIDCVisible = !this.editPopIDCVisible
|
2019-12-12 17:07:33 +08:00
|
|
|
|
}
|
|
|
|
|
|
if (data === 'cabinet') {
|
2019-12-13 16:43:24 +08:00
|
|
|
|
this.editPopCabinetVisible = !this.editPopCabinetVisible
|
2019-12-12 17:07:33 +08:00
|
|
|
|
}
|
|
|
|
|
|
},
|
2019-12-13 16:43:24 +08:00
|
|
|
|
returnData(data) {
|
2019-12-12 17:07:33 +08:00
|
|
|
|
if (data && data !== '--') {
|
|
|
|
|
|
return data.name;
|
|
|
|
|
|
} else if (data === '--') {
|
|
|
|
|
|
return '-';
|
|
|
|
|
|
} else {
|
|
|
|
|
|
return "-";
|
|
|
|
|
|
}
|
2019-12-11 17:11:44 +08:00
|
|
|
|
}
|
2019-12-04 13:45:37 +08:00
|
|
|
|
},
|
|
|
|
|
|
mounted() {
|
2019-12-06 16:43:04 +08:00
|
|
|
|
this.getAssetData();
|
2019-12-10 17:10:32 +08:00
|
|
|
|
this.getIDCOptionData();
|
2019-12-11 17:11:44 +08:00
|
|
|
|
this.getVendorOptionData();
|
|
|
|
|
|
this.getAssetTypeOptionData();
|
2019-12-06 15:53:50 +08:00
|
|
|
|
window.onresize = () => {
|
2019-12-09 18:51:56 +08:00
|
|
|
|
this.tableHeight = document.documentElement.clientHeight - 200;
|
2019-12-06 15:53:50 +08:00
|
|
|
|
}
|
2019-12-04 13:45:37 +08:00
|
|
|
|
}
|
2019-11-29 15:00:26 +08:00
|
|
|
|
}
|
|
|
|
|
|
</script>
|
2019-12-04 13:45:37 +08:00
|
|
|
|
<style>
|
2019-12-05 16:48:23 +08:00
|
|
|
|
.el-table {
|
2019-12-04 13:45:37 +08:00
|
|
|
|
font-size: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2019-12-10 17:10:32 +08:00
|
|
|
|
.el-popover {
|
|
|
|
|
|
padding: 0px;
|
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2019-12-04 13:45:37 +08:00
|
|
|
|
.el-form-style .el-form-item {
|
|
|
|
|
|
margin-bottom: 0px;
|
|
|
|
|
|
}
|
2019-11-29 15:00:26 +08:00
|
|
|
|
|
2019-12-04 13:45:37 +08:00
|
|
|
|
.el-form-style .el-form-item .el-form-item__content {
|
|
|
|
|
|
height: 25px;
|
|
|
|
|
|
font-size: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2019-12-06 15:53:50 +08:00
|
|
|
|
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
|
|
|
|
|
|
margin-left: 0px;
|
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2019-12-09 18:51:56 +08:00
|
|
|
|
.el-divider--horizontal {
|
2019-12-10 17:10:32 +08:00
|
|
|
|
margin: 15px;
|
2019-12-09 18:51:56 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2019-12-06 15:53:50 +08:00
|
|
|
|
.el-checkbox-group {
|
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.el-checkbox {
|
|
|
|
|
|
width: 270px;
|
2019-12-04 13:45:37 +08:00
|
|
|
|
}
|
2019-12-09 18:51:56 +08:00
|
|
|
|
|
|
|
|
|
|
.select-style .el-select .el-input .el-input__inner {
|
|
|
|
|
|
width: 400px
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.el-scrollbar .el-input {
|
|
|
|
|
|
width: 200px
|
|
|
|
|
|
}
|
2019-12-04 13:45:37 +08:00
|
|
|
|
</style>
|
2019-11-29 15:00:26 +08:00
|
|
|
|
<style scoped>
|
2019-12-09 18:51:56 +08:00
|
|
|
|
|
2019-12-06 15:53:50 +08:00
|
|
|
|
.content-left {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
width: 370px;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
}
|
2019-12-09 18:51:56 +08:00
|
|
|
|
|
2019-12-06 15:53:50 +08:00
|
|
|
|
.content-right {
|
2019-12-09 18:51:56 +08:00
|
|
|
|
margin-left: 370px;
|
2019-12-06 15:53:50 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.sidebar-title {
|
|
|
|
|
|
padding-left: 30px;
|
|
|
|
|
|
padding-top: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.sidebar-info {
|
2019-12-13 16:43:24 +08:00
|
|
|
|
|
2019-12-06 15:53:50 +08:00
|
|
|
|
margin-top: 20px;
|
|
|
|
|
|
border: 1px solid #acacac;
|
2019-12-04 13:45:37 +08:00
|
|
|
|
border-radius: 8px;
|
2019-12-06 15:53:50 +08:00
|
|
|
|
height: calc(90vh - 55px);
|
2019-12-13 16:43:24 +08:00
|
|
|
|
width: calc(100% - 8px);
|
2019-12-04 13:45:37 +08:00
|
|
|
|
}
|
2019-11-29 15:00:26 +08:00
|
|
|
|
|
2019-12-06 15:53:50 +08:00
|
|
|
|
.sidebar-info-header {
|
|
|
|
|
|
background: #acacac;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
line-height: 50px;
|
|
|
|
|
|
border-top-left-radius: 8px;
|
|
|
|
|
|
border-top-right-radius: 8px;
|
|
|
|
|
|
height: 60px;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.sidebar-info-footer {
|
|
|
|
|
|
padding-top: 15px;
|
|
|
|
|
|
padding-left: 15px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.checkbox-edit {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 8px;
|
|
|
|
|
|
left: 230px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2019-12-04 13:45:37 +08:00
|
|
|
|
.el-form-style {
|
|
|
|
|
|
padding-top: 40px;
|
|
|
|
|
|
}
|
2019-12-09 18:51:56 +08:00
|
|
|
|
|
2019-12-06 16:43:04 +08:00
|
|
|
|
.right-menu {
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
top: 60px;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
z-index: 500;
|
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
|
box-shadow: 0 0 15px #ccc;
|
|
|
|
|
|
background-color: white;
|
|
|
|
|
|
padding: 0 20px;
|
|
|
|
|
|
width: 580px;
|
|
|
|
|
|
height: calc(90% - 60px);
|
2019-12-09 18:51:56 +08:00
|
|
|
|
overflow-y: auto
|
2019-12-06 16:43:04 +08:00
|
|
|
|
}
|
2019-12-04 13:45:37 +08:00
|
|
|
|
|
2019-12-09 18:51:56 +08:00
|
|
|
|
.tab-input-square {
|
|
|
|
|
|
border: 1px solid #aaaaaa;
|
2019-12-04 13:45:37 +08:00
|
|
|
|
height: 25px;
|
2019-12-12 17:07:33 +08:00
|
|
|
|
width: 65px;
|
2019-12-09 18:51:56 +08:00
|
|
|
|
border-radius: 3px;
|
2019-12-04 13:45:37 +08:00
|
|
|
|
text-align: center;
|
2019-12-09 18:51:56 +08:00
|
|
|
|
margin-top: 6px;
|
|
|
|
|
|
line-height: 23px;
|
|
|
|
|
|
color: #aaaaaa;
|
2019-12-04 13:45:37 +08:00
|
|
|
|
}
|
2019-12-06 16:43:04 +08:00
|
|
|
|
|
2019-12-10 17:10:32 +08:00
|
|
|
|
.account-list-option {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
margin-right: 6px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2019-12-09 18:51:56 +08:00
|
|
|
|
.right-box-top-btns {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.right-box-top-btn {
|
|
|
|
|
|
border-radius: 0 0 9px 9px;
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
color: #656565;
|
|
|
|
|
|
height: 30px;
|
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
|
padding: 3px 8px 1px 8px;
|
|
|
|
|
|
border: 1px solid #aaaaaa;
|
|
|
|
|
|
border-top: none;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
margin-left: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.right-box-top-btn-full {
|
|
|
|
|
|
background-color: #656565;
|
|
|
|
|
|
border: 1px solid #656565;
|
|
|
|
|
|
border-top: none;
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.right-box-title {
|
|
|
|
|
|
height: 30px;
|
|
|
|
|
|
line-height: 40px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.el-select-add-btn {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
width: 26px;
|
|
|
|
|
|
height: 26px;
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
margin-top: 7px;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
|
border: 1px solid #DCDFE6;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
color: #C7C9CE;
|
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
|
transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.el-select-add-btn:hover {
|
|
|
|
|
|
border: 1px solid #C0C4CC;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pop-window {
|
2019-12-12 17:07:33 +08:00
|
|
|
|
height: 370px;
|
2019-12-09 18:51:56 +08:00
|
|
|
|
width: 400px;
|
|
|
|
|
|
}
|
2019-12-10 17:10:32 +08:00
|
|
|
|
|
|
|
|
|
|
.pop-window-assetType {
|
2019-12-11 17:11:44 +08:00
|
|
|
|
height: 550px;
|
2019-12-09 18:51:56 +08:00
|
|
|
|
width: 400px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2019-12-10 17:10:32 +08:00
|
|
|
|
.pop-window-assetType-content {
|
|
|
|
|
|
padding: 1px 15px 15px 20px;
|
2019-12-09 18:51:56 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2019-12-11 17:11:44 +08:00
|
|
|
|
.li-list {
|
|
|
|
|
|
width: 97%;
|
|
|
|
|
|
height: 300px;
|
|
|
|
|
|
border: 1px solid #cfcfcf;
|
2019-12-12 17:07:33 +08:00
|
|
|
|
overflow-y: auto;
|
2019-12-09 18:51:56 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2019-12-11 17:11:44 +08:00
|
|
|
|
.li-list-part {
|
|
|
|
|
|
width: 90%;
|
|
|
|
|
|
height: 130px;
|
|
|
|
|
|
border: 1px solid #cfcfcf;
|
2019-12-12 17:07:33 +08:00
|
|
|
|
overflow-y: auto;
|
2019-12-09 18:51:56 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2019-12-10 17:10:32 +08:00
|
|
|
|
.rm-c-list span:hover {
|
|
|
|
|
|
background-color: #888;
|
|
|
|
|
|
color: #fff;
|
2019-12-09 18:51:56 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2019-12-10 17:10:32 +08:00
|
|
|
|
.right-box-bottom-btn {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
background-color: #656565;
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
line-height: 35px;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.right-box-bottom-btns {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
bottom: 0px;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.right-box-bottom-btn-cancel {
|
|
|
|
|
|
background-color: #DADADA;
|
|
|
|
|
|
color: #656565;
|
|
|
|
|
|
width: 50%;
|
|
|
|
|
|
border-bottom-left-radius: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.right-box-bottom-btn-50 {
|
|
|
|
|
|
width: 50%;
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
border-bottom-right-radius: 8px;
|
|
|
|
|
|
}
|
2019-12-12 17:07:33 +08:00
|
|
|
|
|
|
|
|
|
|
.activeColor {
|
|
|
|
|
|
background-color: #409EFF;
|
2019-12-11 17:11:44 +08:00
|
|
|
|
}
|
2019-12-12 17:07:33 +08:00
|
|
|
|
|
2019-12-06 16:43:04 +08:00
|
|
|
|
@keyframes slide-in-from-right {
|
2019-12-09 18:51:56 +08:00
|
|
|
|
from {
|
|
|
|
|
|
right: -800px
|
|
|
|
|
|
}
|
|
|
|
|
|
to {
|
|
|
|
|
|
right: 0
|
|
|
|
|
|
}
|
2019-12-06 16:43:04 +08:00
|
|
|
|
}
|
2019-12-09 18:51:56 +08:00
|
|
|
|
|
2019-12-06 16:43:04 +08:00
|
|
|
|
@keyframes slide-out-to-right {
|
2019-12-09 18:51:56 +08:00
|
|
|
|
from {
|
|
|
|
|
|
right: 0
|
|
|
|
|
|
}
|
|
|
|
|
|
to {
|
|
|
|
|
|
right: -800px
|
|
|
|
|
|
}
|
2019-12-06 16:43:04 +08:00
|
|
|
|
}
|
2019-12-09 18:51:56 +08:00
|
|
|
|
|
2019-12-06 16:43:04 +08:00
|
|
|
|
.right-box-enter-active {
|
|
|
|
|
|
animation: slide-in-from-right 0.4s;
|
|
|
|
|
|
}
|
2019-12-09 18:51:56 +08:00
|
|
|
|
|
2019-12-06 16:43:04 +08:00
|
|
|
|
.right-box-leave-active {
|
|
|
|
|
|
animation: slide-out-to-right 0.4s;
|
|
|
|
|
|
}
|
2019-11-29 15:00:26 +08:00
|
|
|
|
</style>
|
