Skip to content

I
IT-monitor
Commit 30d414e7 authored by 11528's avatar 11528
Browse files
Options

资产维保，资产记录

parent a66c1937
Hide whitespace changes
Inline Side-by-side
Showing with 1721 additions and 3 deletions
src/views/assetManagement/assetMaintenance/index.vue 0 → 100644
View file @ 30d414e7
<!--资产维保-->
<template>
<div id="container_max" class="warnModule">
<div class="warnHead">
<span style="font-size:24px;margin-right: 10px ">资产维保记录</span>
<div class="warnBtns">
<el-button class="headBtnW" style="background-color: #2c3e50;color: #f4f6fc" @click="addInformation">新增</el-button>
<el-button class="headBtnW" @click="refresh">刷新</el-button>
<el-button id="fullscreen_btn" class="headBtnW">全屏</el-button>
</div>
</div>
<div class="warnBody">
<el-table
:data="tableData"
border
style="width: 100%;padding-top: 20px;padding-left: 10px"
>
<el-table-column label="维修单号" prop="repairOrderNo" show-overflow-tooltip>
<template slot-scope="scope">
<span style="color: #3e98f9;text-decoration: underline" @click="repairOrderNo(scope.row), seerepairOrderNo=true">{{ scope.row.repairOrderNo }}</span>
</template>
</el-table-column>
<el-table-column label="资产名称" prop="assetName" show-overflow-tooltip />
<el-table-column label="资产分类" prop="assetClassification" show-overflow-tooltip />
<el-table-column label="状态" prop="assetStatus" show-overflow-tooltip>
<template #default="{ row }">
{{ getAssetStatus(row.assetStatus) }}
</template>
</el-table-column>
<el-table-column label="登记时间" prop="registrationTime" show-overflow-tooltip />
<el-table-column label="完成时间" prop="completionTime" show-overflow-tooltip />
<!-- <el-table-column label="变更说明" prop="changeDescription" show-overflow-tooltip />-->
<el-table-column label="处理人" prop="handler" show-overflow-tooltip />
<el-table-column width="200px" label="操作">
<template slot-scope="scope">
<el-link v-if="scope.row.assetStatus === '1'" @click="implement">完成</el-link>
</template>
</el-table-column>
</el-table>
</div>
<el-dialog :visible.sync="seerepairOrderNo" title="基本信息" width="60%">
<div>
<el-tabs v-model="currentTab" type="card" style="margin-top: 10px">
<el-tab-pane label="基本信息" name="1" />
</el-tabs>
<el-form ref="searchBy" :inline="true" label-width="auto" :model="seeBy">
<el-row>
<el-col :span="12">
<el-form-item label="维修单号：">{{ seeBy.repairOrderNo }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="登记时间：">{{ seeBy.registrationTime }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="维修预算：">{{ seeBy.MaintenanceBudget }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="提交人：">{{ seeBy.submitter }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="处理人：">{{ seeBy.handler }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="维修内容：">{{ seeBy.maintenanceContent }}</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<div>
<el-table
:data="data"
border
style="width: 100%;padding-top: 20px;padding-left: 10px"
>
<el-table-column label="资产编号" prop="assetNumber" show-overflow-tooltip />
<el-table-column label="资产名称" prop="assetName" show-overflow-tooltip />
<el-table-column label="资产分类" prop="assetClassification" show-overflow-tooltip />
<el-table-column label="资产状态" prop="assetStatus" show-overflow-tooltip>
<template #default="{ row }">
{{ getAssetStatus(row.assetStatus) }}
</template>
</el-table-column>
</el-table>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="seerepairOrderNo = false">关闭</el-button>
</div>
</el-dialog>
<el-dialog :visible.sync="addAssetChangeOrder" title="新增资产维修单" width="60%">
<div>
<el-tabs v-model="currentTab" type="card" style="margin-top: 10px">
<el-tab-pane label="基本信息" name="1" />
</el-tabs>
<el-form ref="searchBy" :inline="true" label-width="auto" :model="searchBy">
<el-row>
<el-col :span="12">
<el-form-item label="维修单号："><el-input v-model="searchBy.repairOrderNo" :disabled="true">WB-0406110059-0001</el-input></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="登记时间：">
<el-date-picker
v-model="searchBy.registrationTime"
type="datetime"
placeholder="选择日期时间"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="维修预算："><el-input v-model="searchBy.MaintenanceBudget" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="提交人："><el-input v-model="searchBy.submitter" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="处理人："><el-input v-model="searchBy.handler" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="维修内容："><el-input v-model="searchBy.maintenanceContent" /></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<div>
<div style="margin-top: 10px">
<el-button type="primary" @click="selectAsset">选择资产</el-button>
<el-button @click="deteleAsset(addData.map(i => i.id))">删除</el-button>
</div>
<el-table
:data="addData"
border
style="width: 100%;padding-top: 20px;"
@selection-change="handleSelectionChanges"
>
<el-table-column type="selection" width="50px" />
<el-table-column label="资产编号" prop="assetNumber" show-overflow-tooltip />
<el-table-column label="资产名称" prop="assetName" show-overflow-tooltip />
<el-table-column label="资产分类" prop="assetClassification" show-overflow-tooltip />
<el-table-column label="资产状态" prop="assetStatus" show-overflow-tooltip>
<template #default="{ row }">
{{ getAssetStatus(row.assetStatus) }}
</template>
</el-table-column>
</el-table>
</div>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="orderPreservation">保存</el-button>
<el-button @click="orderClose">关闭</el-button>
</div>
</el-dialog>
<el-dialog :visible.sync="selectAssets" title="选择资产" width="60%">
<div>
<el-row :gutter="1">
<el-col :span="6" style="border-right: solid 1px #d7d7d7;">
<el-tabs v-model="currentTab" type="card" style="margin-top: 10px">
<el-tab-pane label="资产类别" name="1" style="background-color: #e5e5e5" />
<div class="equipmentDiv">
<el-tree
style="margin-left: 10px"
:expand-on-click-node="false"
node-key="id"
:default-expanded-keys="[3,2]"
:default-checked-keys="[5]"
:data="treeData"
:props="defaultProps"
@node-click="handleNodeClick"
/>
</div>
</el-tabs>
</el-col>
<el-col :span="17">
<el-table
:data="dataS"
border
style="width: 100%;padding-top: 10px;"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="50px" />
<el-table-column label="资产名称" prop="assetName" show-overflow-tooltip />
<el-table-column label="资产编号" prop="assetNumber" show-overflow-tooltip />
<el-table-column label="资产状态" prop="assetStatus" show-overflow-tooltip>
<template #default="{ row }">
{{ getAssetStatus(row.assetStatus) }}
</template>
</el-table-column>
</el-table>
</el-col>
</el-row>
</div>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="assetsPreservation">保存</el-button>
<el-button @click="assetsClose">放弃</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import screenfull from 'screenfull'
import Template from '@/views/instance/Template'
export default {
name: 'Index',
// eslint-disable-next-line vue/no-unused-components
components: { Template },
data() {
return {
stepActive: 1,
queryParams: {
page: 1,
rows: 10,
status: 1,
startTime: '',
endTime: '',
ipAddress: '',
logContent: ''
},
seeBy: {
repairOrderNo: '',
registrationTime: '',
MaintenanceBudget: '',
submitter: '',
handler: '',
maintenanceContent: ''
},
searchBy: {
repairOrderNo: 'WB-0406110059-0001',
assetName: '',
assetClassification: '',
assetStatus: '',
registrationTime: '',
completionTime: '',
handler: '',
updateTime: '',
submitter: '',
changeDescription: '',
assetNumber: '',
type: '',
department: '',
company: '',
user: '',
owner: '',
warrantyEndTime: '',
warrantyStartTime: '',
toConfigure: '',
procurementTime: '',
qrCode: '',
serialNumber: '',
equipmentName: '',
brand: '',
dateOfProduction: '',
model: '',
deviceUbit: '',
equipmentUse: '',
managementIPAddress: '',
machineRoom: '',
MACAddress: '',
serviceIPAddress: '',
operatingSystemAndVersion: ''
},
value: '',
seerepairOrderNo: false,
addAssetChangeOrder: false,
selectAssets: false,
open: false,
currentTab: 1,
information: 0,
options: [
{
value: 1,
label: '全部'
}, {
value: 2,
label: '在用'
}, {
value: 3,
label: '停用'
}
],
defaultProps: {
children: 'children',
label: 'label'
},
treeData: [
{
id: 1,
label: '服务器'
},
{
id: 2,
label: '网络'
},
{
id: 3,
label: '摄像机',
children: [{
id: 4,
label: '物联',
children: [{
id: 5,
label: '电表'
}, {
id: 6,
label: '摄像机3'
}]
}]
},
{
id: 2,
label: 'dvr'
}
],
addData: [],
addData1: [],
addDatas: [],
dataS: [],
data: [
{
id: '1',
repairOrderNo: 'BG-0523095101-0005',
assetName: 'ORACLE(备)',
assetClassification: '服务器',
assetStatus: '1',
assetNumber: 'ddddd55555'
},
{
id: '2',
repairOrderNo: 'BG-0414141243-0001',
assetName: '1-1',
assetClassification: '服务器',
assetStatus: '2',
assetNumber: 'ddddd55555'
},
{
id: '3',
repairOrderNo: 'BG-0511155054-0002',
assetName: '摄像机A',
assetClassification: '计量调度平台4#应用服',
assetStatus: '1',
assetNumber: 'ddddd55555'
},
{
id: '4',
repairOrderNo: 'BG-0523093012-0003',
assetName: 'docker服务器1',
assetClassification: '计量调度平台1#四线一库接口服务器',
assetStatus: '2',
assetNumber: 'ddddd55555'
},
{
id: '5',
repairOrderNo: 'BG-0523093136-0004',
assetName: '计量调度平台1#营销接',
assetClassification: '服务器',
assetStatus: '1',
assetNumber: 'ddddd55555'
}
],
data1: [
{
id: '1',
repairOrderNo: '网络-20220414-0001',
assetName: '1-1',
assetClassification: '服务器',
assetStatus: '未入库',
assetNumber: 'ddddd55555'
},
{
id: '2',
repairOrderNo: 'BG-0414141243-0001',
assetName: '1',
assetClassification: '服务器',
assetStatus: '在用',
assetNumber: 'ddddd55555'
},
{
id: '3',
repairOrderNo: 'BG-0511155054-0002',
assetName: '摄像机A',
assetClassification: '计量调度平台4#应用服',
assetStatus: '1',
assetNumber: 'ddddd55555'
},
{
id: '4',
repairOrderNo: 'BG-0523093012-0003',
assetName: 'docker服务器1',
assetClassification: '计量调度平台1#四线一库接口服务器',
assetStatus: '2',
assetNumber: 'ddddd55555'
},
{
id: '5',
repairOrderNo: 'BG-0523093136-0004',
assetName: '计量调度平台1#营销接',
assetClassification: '服务器',
assetStatus: '1',
assetNumber: 'ddddd55555'
}
],
data2: [
{
id: '1',
repairOrderNo: 'test1-0406104117-0102',
assetName: '计量调度平台1#四线一库接口服务器',
assetClassification: '服务器',
assetStatus: '在用',
assetNumber: 'ddddd55555'
},
{
id: '2',
repairOrderNo: 'BG-0414141243-0001',
assetName: '1-1',
assetClassification: '服务器',
assetStatus: '2',
assetNumber: 'ddddd55555'
},
{
id: '3',
repairOrderNo: 'BG-0511155054-0002',
assetName: '摄像机A',
assetClassification: '计量调度平台4#应用服',
assetStatus: '1',
assetNumber: 'ddddd55555'
},
{
id: '4',
repairOrderNo: 'BG-0523093012-0003',
assetName: 'docker服务器1',
assetClassification: '计量调度平台1#四线一库接口服务器',
assetStatus: '2',
assetNumber: 'ddddd55555'
},
{
id: '5',
repairOrderNo: 'BG-0523093136-0004',
assetName: '计量调度平台1#营销接',
assetClassification: '服务器',
assetStatus: '1',
assetNumber: 'ddddd55555'
}
],
data3: [
{
id: '1',
repairOrderNo: 'BG-0523095101-0005',
assetName: 'zeus应用服务器1',
assetClassification: '服务器',
assetStatus: '在用1',
assetNumber: 'ddddd55555'
},
{
id: '2',
repairOrderNo: 'BG-0414141243-0001',
assetName: '1-1',
assetClassification: '服务器',
assetStatus: '2',
assetNumber: 'ddddd55555'
},
{
id: '3',
repairOrderNo: 'BG-0511155054-0002',
assetName: '摄像机A',
assetClassification: '计量调度平台4#应用服',
assetStatus: '1',
assetNumber: 'ddddd55555'
},
{
id: '4',
repairOrderNo: 'BG-0523093012-0003',
assetName: 'docker服务器1',
assetClassification: '计量调度平台1#四线一库接口服务器',
assetStatus: '2',
assetNumber: 'ddddd55555'
},
{
id: '5',
repairOrderNo: 'BG-0523093136-0004',
assetName: '计量调度平台1#营销接',
assetClassification: '服务器',
assetStatus: '1',
assetNumber: 'ddddd55555'
}
],
tableData: [
{
id: '1',
repairOrderNo: 'BG-0523095101-0005',
assetName: 'ORACLE(备)',
assetClassification: '服务器',
assetStatus: '1',
registrationTime: '2022-05-23 09:24:09',
completionTime: '2022-05-23 09:24:09',
changeDescription: '11',
handler: '11',
updateTime: '2022-05-23 09:24:09',
submitter: '我',
assetNumber: 'ddddd55555'
},
{
id: '2',
repairOrderNo: 'BG-0414141243-0001',
assetName: '1-1',
assetClassification: '服务器',
assetStatus: '2',
registrationTime: '',
completionTime: '',
changeDescription: '',
handler: '',
updateTime: '2022-05-23 09:24:09',
submitter: '我',
assetNumber: 'ddddd55555'
},
{
id: '3',
repairOrderNo: 'BG-0511155054-0002',
assetName: '摄像机A',
assetClassification: '计量调度平台4#应用服',
assetStatus: '1',
registrationTime: '',
completionTime: '',
changeDescription: '',
handler: '',
updateTime: '2022-05-23 09:24:09',
submitter: '我',
assetNumber: 'ddddd55555'
},
{
id: '4',
repairOrderNo: 'BG-0523093012-0003',
assetName: 'docker服务器1',
assetClassification: '计量调度平台1#四线一库接口服务器',
assetStatus: '2',
registrationTime: '',
completionTime: '',
changeDescription: '',
handler: '',
updateTime: '2022-05-23 09:24:09',
submitter: '我',
assetNumber: 'ddddd55555'
},
{
id: '5',
repairOrderNo: 'BG-0523093136-0004',
assetName: '计量调度平台1#营销接',
assetClassification: '服务器',
assetStatus: '1',
registrationTime: '',
completionTime: '',
changeDescription: '',
handler: '',
updateTime: '2022-05-23 09:24:09',
submitter: '我',
assetNumber: 'ddddd55555'
},
{
id: '6',
repairOrderNo: 'BG-0523095101-0005',
assetName: '计量调度平台2#营销接',
assetClassification: '服务器',
assetStatus: '1',
registrationTime: '',
completionTime: '',
changeDescription: '',
handler: '',
updateTime: '2022-05-23 09:24:09',
submitter: '我',
assetNumber: 'ddddd55555'
},
{
id: '7',
repairOrderNo: 'BG-0523095101-0005',
assetName: '厂站采集服务器',
assetClassification: '服务器',
assetStatus: '1',
registrationTime: '',
completionTime: '',
changeDescription: '',
handler: '',
updateTime: '2022-05-23 09:24:09',
submitter: '我',
assetNumber: 'ddddd55555'
}
]
}
},
mounted() {
if (this.$route.query.type === '1') {
this.addWarnDialog = true
}
this.handleExpand() // 全屏
},
methods: {
handleExpand() {
const element = document.getElementById('container_max')// 指定全屏区域元素
document.getElementById('fullscreen_btn').addEventListener('click', () => {
if (screenfull.isEnabled) {
screenfull.request(element)
}
})// 实现模块全屏
},
refresh() {
window.location.reload() // 刷新页面
},
implement() {
this.$confirm('此操作将完成该数据, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {})
},
repairOrderNo(row) {
this.seerepairOrderNo = true
this.seeBy = JSON.parse(JSON.stringify(row))
},
addInformation() {
this.addAssetChangeOrder = true
},
handleNodeClick(data) {
console.log(data)
if (data.id === 1) {
this.dataS = this.data
} else if (data.id === 2) {
this.dataS = this.data1
} else if (data.id === 3) {
this.dataS = this.data2
} else {
this.dataS = this.data3
}
},
orderClose() {
this.addAssetChangeOrder = false
this.addData = []
this.addData1 = []
},
orderPreservation() {
this.addAssetChangeOrder = false
this.addData = []
this.addData1 = []
},
selectAsset() {
this.selectAssets = true
},
assetsClose() {
this.selectAssets = false
this.dataS = []
this.addData1 = []
},
handleSelectionChange(data) {
this.addData1 = data
},
handleSelectionChanges(data) {
this.addDatas = data
},
deteleAsset(idArr) {
this.addData = this.addData.filter(item => !idArr.includes(item.id))
},
assetsPreservation() {
this.selectAssets = false
this.information = 1
this.dataS = []
this.addData = this.addData1
},
getAssetStatus(assetStatus) {
switch (assetStatus) {
case '1':
return '变更中'
case '2':
return '完成'
}
},
addEquipment() {
this.$router.push({
path: '/movingRingMonitoring/accessControl/accessControlList'
})
},
addRow() {
this.$router.push({
path: '/movingRingMonitoring/accessControl/personnelInformation'
})
},
addWarn() {
this.addWarnDialog = true
}
}
}
</script>
<style lang="scss" scoped>
.warnModule{
.strategyRow{
padding: 5px 0;
}
.el-input__inner{
padding: 0 0 0 9px;
}
.treebody{
border: solid 1px #d7d7d7;
font-size: 12px;
padding: 6px;
height: 250px;
overflow-y: scroll;
}
.ninthSteps{
padding: 10px 30px 30px;
.el-steps--simple{
padding-left: 10px;
padding-right: 10px;
}
.el-step.is-simple:not(:last-of-type) .el-step__title{
max-width: 73%;
}
}
.warnHead{
height: 58px;
padding: 15px 20px 10px 20px;
background-color: #edeef3 !important;
border-bottom: 1px solid #DBDDE3;
.warnBtns{
float: right;
.headBtn{
line-height: 10px;
width: 100px;
color: #fff;
border-color: #768398;
background-color: #768398;
}
.headBtnW{
border-radius: 4px;
line-height: 22px;
font-size: 12px;
padding: 0 10px;
margin: 0 5px;
}
}
}
.mointorHead{
padding-top: 10px;
line-height: 32px;
display: flex;
justify-content: space-between;
.headSearch{
.searchInput{
border-left: 0;
.el-input__inner{
border-radius: 0;
border: 0;
}
}
.el-form-item__content{
display: flex;
}
}
.headBtn{
height: 24px;
border-radius: 4px;
line-height: 22px;
font-size: 16px;
padding: 0 20px;
margin: 5px;
color: #444;
border-color: #ddd;
}
}
.warnBody{
}
}
.addWarnClass{
.StepTitle{
font-size: 16px;
font-weight: bold;
color: #333333;
}
}
.mouse {
cursor: pointer;
}
.addGroup{
.equipmentDiv{
max-height: 150px;
height: 150px;
overflow: auto;
border: 1px solid #d2d6de;
padding: 10px 0;
border-radius: 4px;
.el-checkbox__inner {
border: none;
width: 0;
}
}
}
</style>
src/views/assetManagement/informationChange/index.vue
View file @ 30d414e7
<!--信息变更-->
<template>
<div id="container_max" class="warnModule">
<div class="warnHead">
<span style="font-size:24px;margin-right: 10px ">人员信息</span>
<div class="warnBtns">
<el-button class="headBtnW" style="background-color: #2c3e50;color: #f4f6fc" @click="addInformation">新增</el-button>
<el-button class="headBtnW" @click="refresh">刷新</el-button>
<el-button id="fullscreen_btn" class="headBtnW">全屏</el-button>
</div>
</div>
<div class="warnBody">
<el-table
:data="tableData"
border
style="width: 100%;padding-top: 20px;padding-left: 10px"
>
<el-table-column label="变更单号" prop="changeOrderNo" show-overflow-tooltip>
<template slot-scope="scope">
<span style="color: #3e98f9;text-decoration: underline" @click="changeOrderNo(scope.row), seeChangeOrderNo=true">{{ scope.row.changeOrderNo }}</span>
</template>
</el-table-column>
<el-table-column label="资产名称" prop="assetName" show-overflow-tooltip />
<el-table-column label="资产分类" prop="assetClassification" show-overflow-tooltip />
<el-table-column label="状态" prop="assetStatus" show-overflow-tooltip>
<template #default="{ row }">
{{ getAssetStatus(row.assetStatus) }}
</template>
</el-table-column>
<el-table-column label="登记时间" prop="registrationTime" show-overflow-tooltip />
<el-table-column label="完成时间" prop="completionTime" show-overflow-tooltip />
<el-table-column label="变更说明" prop="changeDescription" show-overflow-tooltip />
<el-table-column label="处理人" prop="handler" show-overflow-tooltip />
<el-table-column width="200px" label="操作">
<template slot-scope="scope">
<el-link v-if="scope.row.assetStatus === '1'" @click="implement">完成</el-link>
</template>
</el-table-column>
</el-table>
</div>
<el-dialog :visible.sync="seeChangeOrderNo" title="基本信息" width="60%">
<div>
<el-tabs v-model="currentTab" type="card" style="margin-top: 10px">
<el-tab-pane label="基本信息" name="1" />
</el-tabs>
<el-form ref="searchBy" :inline="true" label-width="auto" :model="searchBy">
<el-row>
<el-col :span="12">
<el-form-item label="变更单号：">{{ searchBy.changeOrderNo }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="资产类型：">{{ searchBy.assetClassification }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="变更说明：">{{ searchBy.changeDescription }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="资产名称：">{{ searchBy.assetName }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="处理人：">{{ searchBy.handler }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="提交人：">{{ searchBy.submitter }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="更改时间：">{{ searchBy.updateTime }}</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="完成时间：">{{ searchBy.completionTime }}</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<div>
<el-table
:data="data"
border
style="width: 100%;padding-top: 20px;padding-left: 10px"
>
<el-table-column label="资产编号" prop="assetNumber" show-overflow-tooltip />
<el-table-column label="资产名称" prop="assetName" show-overflow-tooltip />
<el-table-column label="资产分类" prop="assetClassification" show-overflow-tooltip />
<el-table-column label="资产状态" prop="assetStatus" show-overflow-tooltip>
<template #default="{ row }">
{{ getAssetStatus(row.assetStatus) }}
</template>
</el-table-column>
</el-table>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="seeChangeOrderNo = false">放弃</el-button>
</div>
</el-dialog>
<el-dialog :visible.sync="addAssetChangeOrder" title="新增资产变更单" width="60%">
<div>
<el-tabs v-model="currentTab" type="card" style="margin-top: 10px">
<el-tab-pane label="基本信息" name="1" />
</el-tabs>
<el-form v-if="information === 1" ref="searchBy" :inline="true" label-width="auto" :model="searchBy">
<el-row>
<el-col :span="12">
<el-form-item label="变更单号："><el-input v-model="searchBy.changeOrderNo" :disabled="true" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="登记时间：">
<el-date-picker
v-model="searchBy.registrationTime"
type="datetime"
placeholder="选择日期时间"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="处理人："><el-input v-model="searchBy.handler" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="提交人："><el-input v-model="searchBy.submitter" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="变更说明："><el-input v-model="searchBy.changeDescription" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="资产名称："><el-input v-model="searchBy.assetName" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="资产编号："><el-input v-model="searchBy.assetNumber" :disabled="true" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="状态：">
<el-select
v-model="searchBy.type"
class="searchInput"
placeholder="请选择"
clearable
style="width: 100%"
>
<el-option
v-for="(item,index) in riskTypeOption1"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属部门：">
<el-select
v-model="searchBy.department"
class="searchInput"
placeholder="请选择"
clearable
style="width: 100%"
>
<el-option
v-for="(item,index) in riskTypeOption1"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属公司："><el-input v-model="searchBy.company" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="使用者："><el-input v-model="searchBy.user" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="拥有者："><el-input v-model="searchBy.owner" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="保修结束时间：">
<el-date-picker
v-model="searchBy.warrantyEndTime"
type="datetime"
placeholder="选择日期时间"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="保修开始时间：">
<el-date-picker
v-model="searchBy.warrantyStartTime"
type="datetime"
placeholder="选择日期时间"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="配置："><el-input v-model="searchBy.toConfigure" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="采购时间：">
<el-date-picker
v-model="searchBy.procurementTime"
type="datetime"
placeholder="选择日期时间"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="二维码："><el-input v-model="searchBy.qrCode" :rows="3" type="textarea" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="序列号："><el-input v-model="searchBy.serialNumber" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="设备名称："><el-input v-model="searchBy.equipmentName" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="品牌："><el-input v-model="searchBy.brand" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="出厂日期："><el-input v-model="searchBy.dateOfProduction" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="型号："><el-input v-model="searchBy.model" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="设备U位："><el-input v-model="searchBy.deviceUbit" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="设备用途："><el-input v-model="searchBy.equipmentUse" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="管理IP地址："><el-input v-model="searchBy.managementIPAddress" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="机房："><el-input v-model="searchBy.machineRoom" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="MAC地址："><el-input v-model="searchBy.MACAddress" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="业务IP地址："><el-input v-model="searchBy.serviceIPAddress" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="操作系统及版本："><el-input v-model="searchBy.operatingSystemAndVersion" /></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<div>
<div>
<el-button type="primary" @click="selectAsset">选择资产</el-button>
<el-button @click="deteleAsset(addData.map(i => i.id))">删除</el-button>
</div>
<el-table
:data="addData"
border
style="width: 100%;padding-top: 20px;"
@selection-change="handleSelectionChanges"
>
<el-table-column type="selection" width="50px" />
<el-table-column label="资产编号" prop="assetNumber" show-overflow-tooltip />
<el-table-column label="资产名称" prop="assetName" show-overflow-tooltip />
<el-table-column label="资产分类" prop="assetClassification" show-overflow-tooltip />
<el-table-column label="资产状态" prop="assetStatus" show-overflow-tooltip>
<template #default="{ row }">
{{ getAssetStatus(row.assetStatus) }}
</template>
</el-table-column>
</el-table>
</div>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="orderPreservation">保存</el-button>
<el-button @click="orderClose">关闭</el-button>
</div>
</el-dialog>
<el-dialog :visible.sync="selectAssets" title="选择资产" width="60%">
<div>
<el-row :gutter="1">
<el-col :span="6" style="border-right: solid 1px #d7d7d7;">
<el-tabs v-model="currentTab" type="card" style="margin-top: 10px">
<el-tab-pane label="资产类别" name="1" style="background-color: #e5e5e5" />
<div class="equipmentDiv">
<el-tree
style="margin-left: 10px"
:expand-on-click-node="false"
node-key="id"
:default-expanded-keys="[3,2]"
:default-checked-keys="[5]"
:data="treeData"
:props="defaultProps"
@node-click="handleNodeClick"
/>
</div>
</el-tabs>
</el-col>
<el-col :span="17">
<el-table
:data="dataS"
border
style="width: 100%;padding-top: 10px;"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="50px" />
<el-table-column label="资产名称" prop="assetName" show-overflow-tooltip />
<el-table-column label="资产编号" prop="assetNumber" show-overflow-tooltip />
<el-table-column label="资产状态" prop="assetStatus" show-overflow-tooltip>
<template #default="{ row }">
{{ getAssetStatus(row.assetStatus) }}
</template>
</el-table-column>
</el-table>
</el-col>
</el-row>
</div>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="assetsPreservation">保存</el-button>
<el-button @click="assetsClose">放弃</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import screenfull from 'screenfull'
import Template from '@/views/instance/Template'
export default {
name: "index"
name: 'Index',
// eslint-disable-next-line vue/no-unused-components
components: { Template },
data() {
return {
stepActive: 1,
queryParams: {
page: 1,
rows: 10,
status: 1,
startTime: '',
endTime: '',
ipAddress: '',
logContent: ''
},
riskTypeOption1: [
{
label: '未入库',
value: '1'
},
{
label: '闲置',
value: '2'
},
{
label: '在用',
value: '3'
},
{
label: '在修',
value: '4'
},
{
label: '报废',
value: '5'
}
],
riskTypeOption: [
{
label: '默认部门',
value: '1'
},
{
label: '财务',
value: '2'
}
],
searchBy: {
changeOrderNo: '',
assetName: '',
assetClassification: '',
assetStatus: '',
registrationTime: '',
completionTime: '',
handler: '',
updateTime: '',
submitter: '',
changeDescription: '',
assetNumber: '',
type: '',
department: '',
company: '',
user: '',
owner: '',
warrantyEndTime: '',
warrantyStartTime: '',
toConfigure: '',
procurementTime: '',
qrCode: '',
serialNumber: '',
equipmentName: '',
brand: '',
dateOfProduction: '',
model: '',
deviceUbit: '',
equipmentUse: '',
managementIPAddress: '',
machineRoom: '',
MACAddress: '',
serviceIPAddress: '',
operatingSystemAndVersion: ''
},
value: '',
seeChangeOrderNo: false,
addAssetChangeOrder: false,
selectAssets: false,
open: false,
currentTab: 1,
information: 0,
options: [
{
value: 1,
label: '全部'
}, {
value: 2,
label: '在用'
}, {
value: 3,
label: '停用'
}
],
defaultProps: {
children: 'children',
label: 'label'
},
treeData: [
{
id: 1,
label: '服务器'
},
{
id: 2,
label: '网络'
},
{
id: 3,
label: '摄像机',
children: [{
id: 4,
label: '物联',
children: [{
id: 5,
label: '电表'
}, {
id: 6,
label: '摄像机3'
}]
}]
},
{
id: 2,
label: 'dvr'
}
],
addData: [],
addData1: [],
addDatas: [],
dataS: [],
data: [
{
id: '1',
changeOrderNo: 'BG-0523095101-0005',
assetName: 'ORACLE(备)',
assetClassification: '服务器',
assetStatus: '1',
assetNumber: 'ddddd55555'
},
{
id: '2',
changeOrderNo: 'BG-0414141243-0001',
assetName: '1-1',
assetClassification: '服务器',
assetStatus: '2',
assetNumber: 'ddddd55555'
},
{
id: '3',
changeOrderNo: 'BG-0511155054-0002',
assetName: '摄像机A',
assetClassification: '计量调度平台4#应用服',
assetStatus: '1',
assetNumber: 'ddddd55555'
},
{
id: '4',
changeOrderNo: 'BG-0523093012-0003',
assetName: 'docker服务器1',
assetClassification: '计量调度平台1#四线一库接口服务器',
assetStatus: '2',
assetNumber: 'ddddd55555'
},
{
id: '5',
changeOrderNo: 'BG-0523093136-0004',
assetName: '计量调度平台1#营销接',
assetClassification: '服务器',
assetStatus: '1',
assetNumber: 'ddddd55555'
}
],
data1: [
{
id: '1',
changeOrderNo: '网络-20220414-0001',
assetName: '1-1',
assetClassification: '服务器',
assetStatus: '未入库',
assetNumber: 'ddddd55555'
},
{
id: '2',
changeOrderNo: 'BG-0414141243-0001',
assetName: '1',
assetClassification: '服务器',
assetStatus: '在用',
assetNumber: 'ddddd55555'
},
{
id: '3',
changeOrderNo: 'BG-0511155054-0002',
assetName: '摄像机A',
assetClassification: '计量调度平台4#应用服',
assetStatus: '1',
assetNumber: 'ddddd55555'
},
{
id: '4',
changeOrderNo: 'BG-0523093012-0003',
assetName: 'docker服务器1',
assetClassification: '计量调度平台1#四线一库接口服务器',
assetStatus: '2',
assetNumber: 'ddddd55555'
},
{
id: '5',
changeOrderNo: 'BG-0523093136-0004',
assetName: '计量调度平台1#营销接',
assetClassification: '服务器',
assetStatus: '1',
assetNumber: 'ddddd55555'
}
],
data2: [
{
id: '1',
changeOrderNo: 'test1-0406104117-0102',
assetName: '计量调度平台1#四线一库接口服务器',
assetClassification: '服务器',
assetStatus: '在用',
assetNumber: 'ddddd55555'
},
{
id: '2',
changeOrderNo: 'BG-0414141243-0001',
assetName: '1-1',
assetClassification: '服务器',
assetStatus: '2',
assetNumber: 'ddddd55555'
},
{
id: '3',
changeOrderNo: 'BG-0511155054-0002',
assetName: '摄像机A',
assetClassification: '计量调度平台4#应用服',
assetStatus: '1',
assetNumber: 'ddddd55555'
},
{
id: '4',
changeOrderNo: 'BG-0523093012-0003',
assetName: 'docker服务器1',
assetClassification: '计量调度平台1#四线一库接口服务器',
assetStatus: '2',
assetNumber: 'ddddd55555'
},
{
id: '5',
changeOrderNo: 'BG-0523093136-0004',
assetName: '计量调度平台1#营销接',
assetClassification: '服务器',
assetStatus: '1',
assetNumber: 'ddddd55555'
}
],
data3: [
{
id: '1',
changeOrderNo: 'BG-0523095101-0005',
assetName: 'zeus应用服务器1',
assetClassification: '服务器',
assetStatus: '在用1',
assetNumber: 'ddddd55555'
},
{
id: '2',
changeOrderNo: 'BG-0414141243-0001',
assetName: '1-1',
assetClassification: '服务器',
assetStatus: '2',
assetNumber: 'ddddd55555'
},
{
id: '3',
changeOrderNo: 'BG-0511155054-0002',
assetName: '摄像机A',
assetClassification: '计量调度平台4#应用服',
assetStatus: '1',
assetNumber: 'ddddd55555'
},
{
id: '4',
changeOrderNo: 'BG-0523093012-0003',
assetName: 'docker服务器1',
assetClassification: '计量调度平台1#四线一库接口服务器',
assetStatus: '2',
assetNumber: 'ddddd55555'
},
{
id: '5',
changeOrderNo: 'BG-0523093136-0004',
assetName: '计量调度平台1#营销接',
assetClassification: '服务器',
assetStatus: '1',
assetNumber: 'ddddd55555'
}
],
tableData: [
{
id: '1',
changeOrderNo: 'BG-0523095101-0005',
assetName: 'ORACLE(备)',
assetClassification: '服务器',
assetStatus: '1',
registrationTime: '2022-05-23 09:24:09',
completionTime: '2022-05-23 09:24:09',
changeDescription: '11',
handler: '11',
updateTime: '2022-05-23 09:24:09',
submitter: '我',
assetNumber: 'ddddd55555'
},
{
id: '2',
changeOrderNo: 'BG-0414141243-0001',
assetName: '1-1',
assetClassification: '服务器',
assetStatus: '2',
registrationTime: '',
completionTime: '',
changeDescription: '',
handler: '',
updateTime: '2022-05-23 09:24:09',
submitter: '我',
assetNumber: 'ddddd55555'
},
{
id: '3',
changeOrderNo: 'BG-0511155054-0002',
assetName: '摄像机A',
assetClassification: '计量调度平台4#应用服',
assetStatus: '1',
registrationTime: '',
completionTime: '',
changeDescription: '',
handler: '',
updateTime: '2022-05-23 09:24:09',
submitter: '我',
assetNumber: 'ddddd55555'
},
{
id: '4',
changeOrderNo: 'BG-0523093012-0003',
assetName: 'docker服务器1',
assetClassification: '计量调度平台1#四线一库接口服务器',
assetStatus: '2',
registrationTime: '',
completionTime: '',
changeDescription: '',
handler: '',
updateTime: '2022-05-23 09:24:09',
submitter: '我',
assetNumber: 'ddddd55555'
},
{
id: '5',
changeOrderNo: 'BG-0523093136-0004',
assetName: '计量调度平台1#营销接',
assetClassification: '服务器',
assetStatus: '1',
registrationTime: '',
completionTime: '',
changeDescription: '',
handler: '',
updateTime: '2022-05-23 09:24:09',
submitter: '我',
assetNumber: 'ddddd55555'
},
{
id: '6',
changeOrderNo: 'BG-0523095101-0005',
assetName: '计量调度平台2#营销接',
assetClassification: '服务器',
assetStatus: '1',
registrationTime: '',
completionTime: '',
changeDescription: '',
handler: '',
updateTime: '2022-05-23 09:24:09',
submitter: '我',
assetNumber: 'ddddd55555'
},
{
id: '7',
changeOrderNo: 'BG-0523095101-0005',
assetName: '厂站采集服务器',
assetClassification: '服务器',
assetStatus: '1',
registrationTime: '',
completionTime: '',
changeDescription: '',
handler: '',
updateTime: '2022-05-23 09:24:09',
submitter: '我',
assetNumber: 'ddddd55555'
}
]
}
},
mounted() {
if (this.$route.query.type === '1') {
this.addWarnDialog = true
}
this.handleExpand() // 全屏
},
methods: {
handleExpand() {
const element = document.getElementById('container_max')// 指定全屏区域元素
document.getElementById('fullscreen_btn').addEventListener('click', () => {
if (screenfull.isEnabled) {
screenfull.request(element)
}
})// 实现模块全屏
},
refresh() {
window.location.reload() // 刷新页面
},
implement() {
this.$confirm('此操作将完成该数据, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {})
},
changeOrderNo(row) {
this.seeChangeOrderNo = true
this.searchBy = JSON.parse(JSON.stringify(row))
},
addInformation() {
this.addAssetChangeOrder = true
},
handleNodeClick(data) {
if (data.id === 1) {
this.dataS = this.data
} else if (data.id === 2) {
this.dataS = this.data1
} else if (data.id === 3) {
this.dataS = this.data2
} else {
this.dataS = this.data3
}
},
orderClose() {
this.addAssetChangeOrder = false
this.addData = []
this.addData1 = []
},
orderPreservation() {
this.addAssetChangeOrder = false
this.addData = []
this.addData1 = []
},
selectAsset() {
this.selectAssets = true
},
assetsClose() {
this.selectAssets = false
this.dataS = []
this.addData1 = []
},
handleSelectionChange(data) {
this.addData1 = data
},
handleSelectionChanges(data) {
this.addDatas = data
},
deteleAsset(idArr) {
this.addData = this.addData.filter(item => !idArr.includes(item.id))
},
assetsPreservation() {
this.selectAssets = false
this.dataS = []
this.addData = this.addData1
},
getAssetStatus(assetStatus) {
switch (assetStatus) {
case '1':
return '变更中'
case '2':
return '完成'
}
},
addEquipment() {
this.$router.push({
path: '/movingRingMonitoring/accessControl/accessControlList'
})
},
addRow() {
this.$router.push({
path: '/movingRingMonitoring/accessControl/personnelInformation'
})
},
addWarn() {
this.addWarnDialog = true
}
}
}
</script>
<style scoped>
<style lang="scss" scoped>
.warnModule{
.strategyRow{
padding: 5px 0;
}
.el-input__inner{
padding: 0 0 0 9px;
}
.treebody{
border: solid 1px #d7d7d7;
font-size: 12px;
padding: 6px;
height: 250px;
overflow-y: scroll;
}
.ninthSteps{
padding: 10px 30px 30px;
.el-steps--simple{
padding-left: 10px;
padding-right: 10px;
}
.el-step.is-simple:not(:last-of-type) .el-step__title{
max-width: 73%;
}
}
.warnHead{
height: 58px;
padding: 15px 20px 10px 20px;
background-color: #edeef3 !important;
border-bottom: 1px solid #DBDDE3;
.warnBtns{
float: right;
.headBtn{
line-height: 10px;
width: 100px;
color: #fff;
border-color: #768398;
background-color: #768398;
}
.headBtnW{
border-radius: 4px;
line-height: 22px;
font-size: 12px;
padding: 0 10px;
margin: 0 5px;
}
}
}
.mointorHead{
padding-top: 10px;
line-height: 32px;
display: flex;
justify-content: space-between;
.headSearch{
.searchInput{
border-left: 0;
.el-input__inner{
border-radius: 0;
border: 0;
}
}
.el-form-item__content{
display: flex;
}
}
.headBtn{
height: 24px;
border-radius: 4px;
line-height: 22px;
font-size: 16px;
padding: 0 20px;
margin: 5px;
color: #444;
border-color: #ddd;
}
}
.warnBody{
}
}
.addWarnClass{
.StepTitle{
font-size: 16px;
font-weight: bold;
color: #333333;
}
}
.mouse {
cursor: pointer;
}
.addGroup{
.equipmentDiv{
max-height: 150px;
height: 150px;
overflow: auto;
border: 1px solid #d2d6de;
padding: 10px 0;
border-radius: 4px;
.el-checkbox__inner {
border: none;
width: 0;
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment