jianguan
/
supervise-monitor-ui
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改列表

master
1181364@qq.com 2 years ago
parent
cd40f7a6e3
commit
4e4a3173a5
6 changed files with 1700 additions and 1530 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 95
      src/views/baojingchaxun/baojingchaxunList.vue
  2. 95
      src/views/shebeirizhi/shebeirizhiList.vue
  3. 83
      src/views/shebeitaizhang/shebeitaizhangAdd.vue
  4. 110
      src/views/shebeitaizhang/shebeitaizhangInfo.vue
  5. 78
      src/views/shebeitaizhang/shebeitaizhangList.vue
  6. 103
      src/views/shebeizhuangtai/shebeizhuangtaiList.vue

95
src/views/baojingchaxun/baojingchaxunList.vue
View File

@ -7,14 +7,31 @@
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search"> <div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="110px" class="tab-header"> <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="110px" class="tab-header">
<el-form-item label="设备类型"> <el-form-item label="设备名称">
<el-input v-model="listQuery.params.manufacturerName" clearable placeholder="" class="addinputw"></el-input> <el-input v-model="listQuery.params.manufacturerName" clearable placeholder=""
class="addinputw"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="选择楼层"> <el-form-item label="设备类型">
<el-select v-model="listQuery.params.supplierType" filterable clearable placeholder="请选择楼层"> <el-select v-model="listQuery.params.supplierType" filterable clearable placeholder="请选择设备类型">
<el-option v-for="item in supplierType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> <el-option v-for="item in supplierType_list" :key="item.id" :label="item.title" :value="item.id" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="开始时间">
<el-date-picker v-model="listQuery.params.time1" type="date" placeholder="选择日期"
maxlength="20"></el-date-picker>
<!-- <el-select v-model="listQuery.params.time1" filterable clearable placeholder="请选择设备类型">
<el-option v-for="item in supplierType_list" :key="item.id" :label="item.title" :value="item.id" />
</el-select> -->
</el-form-item>
<el-form-item label="结束时间">
<el-date-picker v-model="listQuery.params.time2" type="date" placeholder="选择日期"
maxlength="20"></el-date-picker>
<!-- <el-select v-model="listQuery.params.time2" filterable clearable placeholder="请选择设备类型">
<el-option v-for="item in supplierType_list" :key="item.id" :label="item.title" :value="item.id" />
</el-select> -->
</el-form-item>
<!-- <el-form-item label="厂商办公电话"> <!-- <el-form-item label="厂商办公电话">
<el-input v-model="listQuery.params.manufacturerTelePhone" maxlength="130" placeholder="" class="addinputw" clearable/> <el-input v-model="listQuery.params.manufacturerTelePhone" maxlength="130" placeholder="" class="addinputw" clearable/>
</el-form-item> </el-form-item>
@ -31,10 +48,12 @@
<div class="listtop"> <div class="listtop">
<div class="tit">报警查询信息列表</div> <div class="tit">报警查询信息列表</div>
<!-- 翻页分页 --> <!-- 翻页分页 -->
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current"
:limit.sync="listQuery.size" class="pagination" @pagination="getList" />
</div> </div>
<div> <div>
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange"> <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;"
@selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50" /> <el-table-column type="selection" align="center" width="50" />
<el-table-column label="序号" fixed type="index" width="80" :index="indexMethod" align="center" /> <el-table-column label="序号" fixed type="index" width="80" :index="indexMethod" align="center" />
<!-- <el-table-column label="操作" fixed align="center" width="160px" class-name="small-padding fixed-width"> <!-- <el-table-column label="操作" fixed align="center" width="160px" class-name="small-padding fixed-width">
@ -48,14 +67,24 @@
<span class="bluezi" @click="handleCheck(scope.row)">{{ scope.row.bianma }}</span> <span class="bluezi" @click="handleCheck(scope.row)">{{ scope.row.bianma }}</span>
</template> </template>
</el-table-column> --> </el-table-column> -->
<el-table-column prop="jc" label="设备编码" header-align="center" align="center"> <!-- <el-table-column prop="jc" label="设备编码" header-align="center" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.bianma }}</span> <span>{{ scope.row.bianma }}</span>
</template> </template>
</el-table-column> -->
<!-- <el-table-column label="设备类型" width="110" align="center">
<template slot-scope="scope">
<span>{{ getSupplierType(scope.row.supplierTypeValue) }}</span>
</template>
</el-table-column> -->
<el-table-column label="报警时间" align="center">
<template slot-scope="scope">
<span>{{ scope.row.policeTime }}</span>
</template>
</el-table-column> </el-table-column>
<el-table-column label="设备类型" width="110" align="center"> <el-table-column label="设备名称" width="" header-align="center" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.supplierTypeValue }}</span> <span>{{ scope.row.name }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="设备位置" width="" header-align="center" align="center"> <el-table-column label="设备位置" width="" header-align="center" align="center">
@ -63,7 +92,7 @@
<span>{{ scope.row.weizhi }}</span> <span>{{ scope.row.weizhi }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="出厂时间" align="center"> <!-- <el-table-column label="出厂时间" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.time }}</span> <span>{{ scope.row.time }}</span>
</template> </template>
@ -80,24 +109,20 @@
</el-table-column> </el-table-column>
<el-table-column label="生产厂家" align="center"> <el-table-column label="生产厂家" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.gonghuashang }}</span> <span>{{ scope.row.owner }}</span>
</template>
</el-table-column>
<el-table-column label="保修截止日期" align="center">
<template slot-scope="scope">
<span>{{ scope.row.gonghuashang }}</span>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column label="状态" align="center"> <el-table-column label="状态" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.gonghuashang }}</span> <span>{{ getSupplierType(scope.row.supplierTypeValue) }}</span>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<div class="pages"> <div class="pages">
<!-- 翻页 --> <!-- 翻页 -->
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current"
:limit.sync="listQuery.size" class="pagination" @pagination="getList" />
</div> </div>
</div> </div>
</div> </div>
@ -178,8 +203,17 @@ export default {
sids: [], sids: [],
// 查询 ----------- // 查询 -----------
tableKey: 0, tableKey: 0,
list: [{bianma:'212233433',supplierTypeValue:'222',weizhi:'212233433',time:'2023-02-26',anzhuangtime:'2023-02-26',gonghuashang:'222' list: [
,supplierTypeValue:'222',zhuangtai:'222'} { bianma: 'ZYR2060801', supplierTypeValue: '1', name: '电梯系统', weizhi: '库房', time: '2023-02-26', anzhuangtime: '2023-02-26', gonghuashang: 'Pepsi Cola', owner: 'Owner Peer', policeTime: '2023-05-18 06:00:00', isElse: '待处理' },
{ bianma: 'ZYR2060802', supplierTypeValue: '1', name: '电梯系统', weizhi: '观察', time: '2023-02-26', anzhuangtime: '2023-02-26', gonghuashang: 'Pepsi Cola', owner: 'Owner Peer', policeTime: '2023-05-19 06:00:00', isElse: '已处理' },
{ bianma: 'ZYR2060803', supplierTypeValue: '2', name: '电梯系统', weizhi: '后院', time: '2023-02-26', anzhuangtime: '2023-02-26', gonghuashang: 'Pepsi Cola', owner: 'Owner Peer', policeTime: '2023-05-19 06:00:00', isElse: '待处理' },
{ bianma: 'ZYR2060804', supplierTypeValue: '2', name: '电梯系统', weizhi: '铁皮', time: '2023-02-26', anzhuangtime: '2023-02-26', gonghuashang: 'Pepsi Cola', owner: 'Owner Peer', policeTime: '2023-05-20 06:00:00', isElse: '已处理' },
{ bianma: 'ZYR2060805', supplierTypeValue: '2', name: '电梯系统', weizhi: '盲点', time: '2023-02-26', anzhuangtime: '2023-02-26', gonghuashang: 'Pepsi Cola', owner: 'Owner Peer', policeTime: '2023-05-20 06:00:00', isElse: '待处理' },
{ bianma: 'ZYR2060806', supplierTypeValue: '3', name: '电梯系统', weizhi: '凉亭', time: '2023-02-26', anzhuangtime: '2023-02-26', gonghuashang: 'Pepsi Cola', owner: 'Owner Peer', policeTime: '2023-05-21 06:00:00', isElse: '待处理' },
{ bianma: 'ZYR2060807', supplierTypeValue: '3', name: '电梯系统', weizhi: '书房', time: '2023-02-26', anzhuangtime: '2023-02-26', gonghuashang: 'Pepsi Cola', owner: 'Owner Peer', policeTime: '2023-05-23 06:00:00', isElse: '已处理' },
{ bianma: 'ZYR2060808', supplierTypeValue: '4', name: '电梯系统', weizhi: '藏经阁', time: '2023-02-26', anzhuangtime: '2023-02-26', gonghuashang: 'Pepsi Cola', owner: 'Owner Peer', policeTime: '2023-05-23 06:00:00', isElse: '待处理' },
{ bianma: 'ZYR2060809', supplierTypeValue: '4', name: '电梯系统', weizhi: '车库', time: '2023-02-26', anzhuangtime: '2023-02-26', gonghuashang: 'Pepsi Cola', owner: 'Owner Peer', policeTime: '2023-05-23 06:00:00', isElse: '已处理' },
{ bianma: 'ZYR2060810', supplierTypeValue: '5', name: '电梯系统', weizhi: '斜坡', time: '2023-02-26', anzhuangtime: '2023-02-26', gonghuashang: 'Pepsi Cola', owner: 'Owner Peer', policeTime: '2023-05-23 06:00:00', isElse: '待处理' },
], ],
listLoading: false, listLoading: false,
listQuery: { listQuery: {
@ -193,9 +227,15 @@ export default {
}, },
current: 1, current: 1,
size: 5, size: 5,
total: 0 total: 10
}, },
supplierType_list: [], supplierType_list: [
{ title: '入侵报警', id: '1' },
{ title: '电子围栏', id: '2' },
{ title: '门禁报警', id: '3' },
{ title: '监控报警', id: '4' },
{ title: '设备离线', id: '5' },
],
rules: {} rules: {}
} }
}, },
@ -207,6 +247,13 @@ export default {
// this.init() // this.init()
}, },
methods: { methods: {
getSupplierType(item) {
for (var i = 0; i < this.supplierType_list.length; i++) {
if (this.supplierType_list[i].id == item) {
return this.supplierType_list[i].title
}
}
},
resetState() { resetState() {
this.viewState = 1 this.viewState = 1
}, },

95
src/views/shebeirizhi/shebeirizhiList.vue
View File

@ -7,14 +7,24 @@
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search"> <div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="110px" class="tab-header"> <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="110px" class="tab-header">
<el-form-item label="设备类型"> <el-form-item label="时间">
<el-input v-model="listQuery.params.manufacturerName" clearable placeholder="" class="addinputw"></el-input> <el-date-picker v-model="listQuery.params.supplierType" type="date" placeholder="选择日期"
maxlength="20"></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="选择楼层"> <el-form-item label="设备名称">
<el-select v-model="listQuery.params.supplierType" filterable clearable placeholder="请选择楼层"> <el-select v-model="listQuery.params.supplierType" filterable clearable placeholder="请选择设备名称">
<el-option v-for="item in supplierType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> <el-option v-for="item in supplierType_list" :key="item.id" :label="item.title" :value="item.id" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="地点名称">
<el-input v-model="listQuery.params.ress" clearable placeholder="" class="addinputw" placeholder="请填写地点名称"></el-input>
</el-form-item>
<el-form-item label="名称">
<el-input v-model="listQuery.params.name" clearable placeholder="" class="addinputw" placeholder="请填写名称"></el-input>
</el-form-item>
<el-form-item label="卡号">
<el-input v-model="listQuery.params.code" clearable placeholder="" class="addinputw" placeholder="请填写卡号"></el-input>
</el-form-item>
<!-- <el-form-item label="厂商办公电话"> <!-- <el-form-item label="厂商办公电话">
<el-input v-model="listQuery.params.manufacturerTelePhone" maxlength="130" placeholder="" class="addinputw" clearable/> <el-input v-model="listQuery.params.manufacturerTelePhone" maxlength="130" placeholder="" class="addinputw" clearable/>
</el-form-item> </el-form-item>
@ -31,10 +41,12 @@
<div class="listtop"> <div class="listtop">
<div class="tit">设备日志信息列表</div> <div class="tit">设备日志信息列表</div>
<!-- 翻页分页 --> <!-- 翻页分页 -->
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current"
:limit.sync="listQuery.size" class="pagination" @pagination="getList" />
</div> </div>
<div> <div>
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange"> <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;"
@selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50" /> <el-table-column type="selection" align="center" width="50" />
<el-table-column label="序号" fixed type="index" width="80" :index="indexMethod" align="center" /> <el-table-column label="序号" fixed type="index" width="80" :index="indexMethod" align="center" />
<!-- <el-table-column label="操作" fixed align="center" width="160px" class-name="small-padding fixed-width"> <!-- <el-table-column label="操作" fixed align="center" width="160px" class-name="small-padding fixed-width">
@ -48,56 +60,37 @@
<span class="bluezi" @click="handleCheck(scope.row)">{{ scope.row.bianma }}</span> <span class="bluezi" @click="handleCheck(scope.row)">{{ scope.row.bianma }}</span>
</template> </template>
</el-table-column> --> </el-table-column> -->
<el-table-column prop="jc" label="设备编码" header-align="center" align="center"> <el-table-column prop="jc" label="时间" header-align="center" align="center">
<template slot-scope="scope">
<span>{{ scope.row.bianma }}</span>
</template>
</el-table-column>
<el-table-column label="设备类型" width="110" align="center">
<template slot-scope="scope">
<span>{{ scope.row.supplierTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="设备位置" width="" header-align="center" align="center">
<template slot-scope="scope">
<span>{{ scope.row.weizhi }}</span>
</template>
</el-table-column>
<el-table-column label="出厂时间" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.time }}</span> <span>{{ scope.row.time }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="安装时间" align="center"> <el-table-column label="设备名称" width="" header-align="center" align="center">
<template slot-scope="scope">
<span>{{ scope.row.anzhuangtime }}</span>
</template>
</el-table-column>
<el-table-column label="供货商" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.gonghuashang }}</span> <span>{{ scope.row.deviceName }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="生产厂家" align="center"> <el-table-column label="地点名称" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.gonghuashang }}</span> <span>{{ scope.row.position }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="保修截止日期" align="center"> <el-table-column label="名称" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.gonghuashang }}</span> <span>{{ scope.row.name }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="状态" align="center"> <el-table-column label="卡号" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.gonghuashang }}</span> <span>{{ scope.row.code }}</span>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<div class="pages"> <div class="pages">
<!-- 翻页 --> <!-- 翻页 -->
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current"
:limit.sync="listQuery.size" class="pagination" @pagination="getList" />
</div> </div>
</div> </div>
</div> </div>
@ -178,8 +171,16 @@ export default {
sids: [], sids: [],
// 查询 ----------- // 查询 -----------
tableKey: 0, tableKey: 0,
list: [{bianma:'212233433',supplierTypeValue:'222',weizhi:'212233433',time:'2023-02-26',anzhuangtime:'2023-02-26',gonghuashang:'222' list: [
,supplierTypeValue:'222',zhuangtai:'222'} { time: '2023-05-23 16:10:20', deviceName: '巡更点1', position: '东岸广场西侧东门', name: '闫永军', code: 'KTIO00065' },
{ time: '2023-05-23 16:10:20', deviceName: '巡更点1', position: '东岸广场西侧东门', name: '闫永军', code: 'KTIO00065' },
{ time: '2023-05-23 16:10:20', deviceName: '巡更点2', position: '东岸广场西侧走廊', name: '冷柠', code: 'KTIO00065' },
{ time: '2023-05-23 16:10:20', deviceName: '巡更点4', position: '东岸广场东侧东门', name: '冷柠', code: 'KTIO00065' },
{ time: '2023-05-23 16:10:20', deviceName: '巡更点3', position: '2F走廊西侧', name: '冷柠', code: 'KTIO00065' },
{ time: '2023-05-23 16:10:20', deviceName: '巡更点5', position: '2F大厅', name: '冷柠', code: 'KTIO00065' },
{ time: '2023-05-23 16:10:20', deviceName: '巡更点2', position: '2F206控制系统门口', name: '冷柠', code: 'KTIO00065' },
{ time: '2023-05-23 16:10:20', deviceName: '巡更点4', position: '2F206控制系统门口', name: '冷柠', code: 'KTIO00065' },
{ time: '2023-05-23 16:10:20', deviceName: '巡更点1', position: '2F走廊西侧', name: '闫阵', code: 'KTIO00065' },
], ],
listLoading: false, listLoading: false,
listQuery: { listQuery: {
@ -195,7 +196,14 @@ export default {
size: 5, size: 5,
total: 0 total: 0
}, },
supplierType_list: [], supplierType_list: [
{ title: '巡更点1', id: '1' },
{ title: '巡更点2', id: '2' },
{ title: '巡更点3', id: '3' },
{ title: '巡更点4', id: '4' },
{ title: '巡更点5', id: '5' },
],
rules: {} rules: {}
} }
}, },
@ -207,6 +215,13 @@ export default {
// this.init() // this.init()
}, },
methods: { methods: {
getPosition(item) {
for (var i = 0; i < this.supplierType_list.length; i++) {
if (this.supplierType_list[i].id == item) {
return this.supplierType_list[i].title
}
}
},
resetState() { resetState() {
this.viewState = 1 this.viewState = 1
}, },

83
src/views/shebeitaizhang/shebeitaizhangAdd.vue
View File

@ -16,71 +16,97 @@
</div> </div>
<el-row> <el-row>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<span><span class="icon">*</span>供应商名称</span> <span><span class="icon">*</span>设备编码</span>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="manufacturerName"> <el-form-item prop="">
<el-input v-model="addForm.manufacturerName" maxlength="20" placeholder="" class="addinputw" clearable/> <el-input v-model="addForm.manufacturerName" maxlength="20" placeholder="请填写设备编码" class="addinputw"
clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<span>简称</span> <span>设备位置</span>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
<el-input v-model="addForm.manufacturerAs" maxlength="20" placeholder="" class="addinputw" clearable/> <el-input v-model="addForm.manufacturerAs" maxlength="20" placeholder="请填写设备位置 " class="addinputw"
clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<span><span class="icon">*</span>编码</span> <span><span class="icon">*</span>设备类型</span>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="manufacturerCode"> <!-- <el-form-item prop="">
<el-input v-model="addForm.manufacturerCode" :disabled="!isShow" maxlength="20" placeholder="请填写金蝶供应商编码，如无请自己创建编码" class="addinputw" clearable/> <el-input v-model="addForm.manufacturerCode" :disabled="!isShow" maxlength="20"
placeholder="请填写金蝶供应商编码，如无请自己创建编码" class="addinputw" clearable />
</el-form-item> -->
<el-form-item>
<el-select v-model="addForm.manufacturerCode" filterable clearable placeholder="请选择设备类型"
style="width: 410px;">
<el-option v-for="item in supplierType_list" :key="item.id" :label="item.title" :value="item.id"
class="addinputw" />
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<span><span class="icon">*</span>分类</span> <span>安装时间</span>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="supplierTypeValue"> <el-form-item prop="">
<el-select v-model="addForm.supplierTypeValue" class="addinputw" placeholder="" @change="changeSupplierType"> <!-- <el-input v-model="addForm.manufacturerCode" :disabled="!isShow" maxlength="20"
<el-option v-for="item in supplierType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue" :disabled="item.dictValue === '主机厂' || item.dictValue === '分公司'"/> placeholder="请填写金蝶供应商编码，如无请自己创建编码" class="addinputw" clearable /> -->
</el-select> <el-date-picker type="date" placeholder="选择日期" v-model="addForm.manufacturerCode" style="width: 410px;"
maxlength="20"></el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<span><span class="icon">*</span>通讯地址</span> <span><span class="icon">*</span>出厂时间</span>
</el-col> </el-col>
<el-col :span="20"> <el-col :span="8">
<el-form-item prop="manufacturerAddress"> <el-form-item prop="">
<el-input v-model="addForm.manufacturerAddress" maxlength="80" placeholder="" class="addinputw addinputw01" clearable/> <!-- <el-input v-model="addForm.manufacturerCode" :disabled="!isShow" maxlength="20"
placeholder="请填写金蝶供应商编码，如无请自己创建编码" class="addinputw" clearable /> -->
<el-date-picker type="date" placeholder="选择日期" v-model="addForm.manufacturerCode" style="width: 410px;"
maxlength="20"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>供货商</span>
</el-col>
<el-col :span="8">
<el-form-item prop="">
<el-input v-model="addForm.manufacturerCode" :disabled="!isShow" maxlength="20" placeholder="请填写供应商编码"
class="addinputw" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<span>供应商办公电话</span> <span>生产厂家</span>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
<el-input v-model="addForm.manufacturerTelePhone" maxlength="20" placeholder="例:010-88888888" class="addinputw" clearable/> <el-input v-model="addForm.manufacturerTelePhone" maxlength="20" placeholder="请填写生产厂家编码"
class="addinputw" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<span>传真</span> <span>保修截止日期</span>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
<el-input v-model="addForm.manufacturerFax" maxlength="20" placeholder="例:010-88888888" class="addinputw" clearable/> <!-- <el-input v-model="addForm.manufacturerFax" maxlength="20" placeholder="" class="addinputw" clearable /> -->
<el-date-picker type="date" placeholder="选择日期" v-model="addForm.manufacturerFax" style="width: 410px;"
maxlength="20"></el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <!-- <el-row>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<span><span class="icon">*</span>联系人姓名</span> <span><span class="icon">*</span>联系人姓名</span>
</el-col> </el-col>
@ -104,7 +130,8 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
<el-input v-model="addForm.contactTelePhone" maxlength="14" placeholder="例:010-88888888" class="addinputw" clearable/> <el-input v-model="addForm.contactTelePhone" maxlength="14" placeholder="例:010-88888888"
class="addinputw" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
@ -133,7 +160,7 @@
<el-input v-model="addForm.email" maxlength="20" placeholder="" class="addinputw" clearable /> <el-input v-model="addForm.email" maxlength="20" placeholder="" class="addinputw" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row> -->
</el-form> </el-form>
</div> </div>
@ -175,7 +202,13 @@ export default {
dialogStatus: '', dialogStatus: '',
sid: '', sid: '',
isShow: true, isShow: true,
supplierType_list: [], supplierType_list: [
{ title: '入侵报警', id: '1' },
{ title: '电子围栏', id: '2' },
{ title: '门禁报警', id: '3' },
{ title: '监控报警', id: '4' },
{ title: '设备离线', id: '5' },
],
addForm: { addForm: {
manufacturerName: '', manufacturerName: '',
manufacturerAs: '', manufacturerAs: '',

110
src/views/shebeitaizhang/shebeitaizhangInfo.vue
View File

@ -14,7 +14,7 @@
</div> </div>
<el-row> <el-row>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<span><span class="icon">*</span>供应商名称</span> <span>设备编码</span>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
@ -22,7 +22,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<span>简称</span> <span>设备位置</span>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
@ -32,15 +32,15 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<span>编码</span> <span>设备类型</span>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
<span>{{ infoForm.manufacturerCode }}</span> <span>{{ getSupplierType(infoForm.manufacturerCode) }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<span><span class="icon">*</span>分类</span> <span>安装时间</span>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
@ -50,83 +50,55 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<span><span class="icon">*</span>通讯地址</span> <span>出厂时间</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{ infoForm.manufacturerAddress }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span><span class="icon">*</span>供应商办公电话</span>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
<span>{{ infoForm.manufacturerTelePhone }}</span> <span>{{ infoForm.manufacturer }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<span>传真</span> <span>供货商</span>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
<span>{{ infoForm.manufacturerFax }}</span> <span>{{ infoForm.manufacturerAddress }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span><span class="icon">*</span>联系人姓名</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ infoForm.contactName }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span><span class="icon">*</span>联系人手机号</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ infoForm.contactMobile }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<span>联系人办公电话</span> <span>生产厂家</span>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
<span>{{ infoForm.contactTelePhone }}</span> <span>{{ infoForm.manufacturerTelePhone }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<span>微信号</span> <span>保修截止日期</span>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
<span>{{ infoForm.weChatID }}</span> <span>{{ infoForm.manufacturerFax }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<span>邮编</span> <span>状态</span>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
<span>{{ infoForm.zipCode }}</span> <span>{{ getStatus(infoForm.status) }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<span>邮箱</span> <span></span>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
<span>{{ infoForm.email }}</span> <span></span>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -164,24 +136,24 @@ export default {
// tableKey: 0, // tableKey: 0,
// index: 0, // index: 0,
viewTitle: '', viewTitle: '',
// supplierType_list: [], supplierType_list: [
{ title: '摄像机', id: '1' },
],
status_list: [
{ title: '已损坏', id: '1' },
{ title: '已维修', id: '2' },
{ title: '完好', id: '3' },
],
infoForm: { infoForm: {
manufacturerName: '111', manufacturerName: 'KD-22',
manufacturerAs: '222', manufacturerAs: '2F金陵文脉',
manufacturerCode: '333', manufacturerCode: '1',
supplierType: '444', supplierTypeValue: '2023-02-26 16:00:00',
supplierTypeValue: '455', manufacturerAddress: '大华',
manufacturerAddress: '666', manufacturer: '2023-02-26 12:00:00',
manufacturerTelePhone: '777', manufacturerTelePhone: '大华科技',
manufacturerFax: '888', manufacturerFax: '2023-05-23',
contactName: '999', status:'1'
contactMobile: '12',
contactTelePhone: '133',
weChatID: '1112222',
zipCode: '1555',
email: '166',
createOrg: '1777',
useOrg: '1888'
}, },
// baseManufacturerBankDto: [], // baseManufacturerBankDto: [],
rules: {}, rules: {},
@ -189,6 +161,20 @@ export default {
} }
}, },
methods: { methods: {
getStatus(item) {
for (var i = 0; i < this.status_list.length; i++) {
if (this.status_list[i].id == item) {
return this.status_list[i].title
}
}
},
getSupplierType(item) {
for (var i = 0; i < this.supplierType_list.length; i++) {
if (this.supplierType_list[i].id == item) {
return this.supplierType_list[i].title
}
}
},
showInfo(row) { showInfo(row) {
this.$nextTick(() => { this.$nextTick(() => {
this.$refs['form_obj'].clearValidate() this.$refs['form_obj'].clearValidate()

78
src/views/shebeitaizhang/shebeitaizhangList.vue
View File

@ -8,11 +8,13 @@
<div v-show="isSearchShow" class="search"> <div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="110px" class="tab-header"> <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="110px" class="tab-header">
<el-form-item label="设备类型"> <el-form-item label="设备类型">
<el-input v-model="listQuery.params.manufacturerName" clearable placeholder="" class="addinputw"></el-input> <el-select v-model="listQuery.params.supplierType" filterable clearable placeholder="请选择设备类型">
<el-option v-for="item in supplierType_list" :key="item.id" :label="item.title" :value="item.id" />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="选择楼层"> <el-form-item label="选择楼层">
<el-select v-model="listQuery.params.supplierType" filterable clearable placeholder="请选择楼层"> <el-select v-model="listQuery.params.supplierType" filterable clearable placeholder="请选择楼层">
<el-option v-for="item in supplierType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> <el-option v-for="item in floor_list" :key="item.id" :label="item.title" :value="item.id" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- <el-form-item label="厂商办公电话"> <!-- <el-form-item label="厂商办公电话">
@ -31,16 +33,21 @@
<div class="listtop"> <div class="listtop">
<div class="tit">设备台账信息列表</div> <div class="tit">设备台账信息列表</div>
<!-- 翻页分页 --> <!-- 翻页分页 -->
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current"
:limit.sync="listQuery.size" class="pagination" @pagination="getList" />
</div> </div>
<div> <div>
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange"> <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;"
@selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50" /> <el-table-column type="selection" align="center" width="50" />
<el-table-column label="序号" fixed type="index" width="80" :index="indexMethod" align="center" /> <el-table-column label="序号" fixed type="index" width="80" :index="indexMethod" align="center" />
<el-table-column label="操作" fixed align="center" width="160px" class-name="small-padding fixed-width"> <el-table-column label="操作" fixed align="center" width="160px" class-name="small-padding fixed-width">
<template slot-scope="{row}"> <template slot-scope="{row}">
<el-button size="mini" type="primary" :disabled="!row.isShow && (row.supplierTypeValue === '主机厂' || row.supplierTypeValue === '分公司')" @click="handleEdit(row)">编辑</el-button> <el-button size="mini" type="primary"
:disabled="!row.isShow && (row.supplierTypeValue === '主机厂' || row.supplierTypeValue === '分公司')"
@click="handleEdit(row)">编辑</el-button>
<el-button size="mini" type="primary" @click="handleCheck(row)">详情</el-button> <el-button size="mini" type="primary" @click="handleCheck(row)">详情</el-button>
<!-- <el-button size="mini" type="primary">处理</el-button> -->
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column prop="jc" label="设备" width="220" header-align="center" align="center"> <!-- <el-table-column prop="jc" label="设备" width="220" header-align="center" align="center">
@ -55,7 +62,7 @@
</el-table-column> </el-table-column>
<el-table-column label="设备类型" width="110" align="center"> <el-table-column label="设备类型" width="110" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.supplierTypeValue }}</span> <span>{{ getSupplierType(scope.row.supplierTypeValue) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="设备位置" width="" header-align="center" align="center"> <el-table-column label="设备位置" width="" header-align="center" align="center">
@ -80,24 +87,27 @@
</el-table-column> </el-table-column>
<el-table-column label="生产厂家" align="center"> <el-table-column label="生产厂家" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.gonghuashang }}</span> <span>{{ scope.row.owner }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="保修截止日期" align="center"> <el-table-column label="保修截止日期" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.gonghuashang }}</span> <span>{{ scope.row.policeTime }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="状态" align="center"> <el-table-column label="状态" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.gonghuashang }}</span> <span v-if="scope.row.status == 1" style="color:red">{{ getStatus(scope.row.status) }}</span>
<span v-if="scope.row.status == 2" style="color:orange">{{ getStatus(scope.row.status) }}</span>
<span v-if="scope.row.status == 3" style="color:green">{{ getStatus(scope.row.status) }}</span>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<div class="pages"> <div class="pages">
<!-- 翻页 --> <!-- 翻页 -->
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current"
:limit.sync="listQuery.size" class="pagination" @pagination="getList" />
</div> </div>
</div> </div>
</div> </div>
@ -184,8 +194,17 @@ export default {
sids: [], sids: [],
// 查询 ----------- // 查询 -----------
tableKey: 0, tableKey: 0,
list: [{bianma:'212233433',supplierTypeValue:'222',weizhi:'212233433',time:'2023-02-26',anzhuangtime:'2023-02-26',gonghuashang:'222' list: [
,supplierTypeValue:'222',zhuangtai:'222'} { bianma: 'KD-22', supplierTypeValue: '1', weizhi: '2F金陵文脉', time: '2023-02-26 12:00:00', anzhuangtime: '2023-02-26 16:00:00', gonghuashang: '大华', owner: '大华科技', policeTime: '2023-05-18', status: '1' },
{ bianma: 'KD-22', supplierTypeValue: '1', weizhi: '2F金陵文脉', time: '2023-02-26 12:00:00', anzhuangtime: '2023-02-26 16:00:00', gonghuashang: '大华', owner: '大华科技', policeTime: '2023-05-19', status: '1' },
{ bianma: 'KD-22', supplierTypeValue: '1', weizhi: '2F金陵文脉', time: '2023-02-26 12:00:00', anzhuangtime: '2023-02-26 16:00:00', gonghuashang: '大华', owner: '大华科技', policeTime: '2023-05-19', status: '2' },
{ bianma: 'KD-22', supplierTypeValue: '1', weizhi: '2F金陵文脉', time: '2023-02-26 12:00:00', anzhuangtime: '2023-02-26 16:00:00', gonghuashang: '大华', owner: '大华科技', policeTime: '2023-05-20', status: '2' },
{ bianma: 'KD-22', supplierTypeValue: '1', weizhi: '2F金陵文脉', time: '2023-02-26 12:00:00', anzhuangtime: '2023-02-26 16:00:00', gonghuashang: '大华', owner: '大华科技', policeTime: '2023-05-20', status: '2' },
{ bianma: 'KD-22', supplierTypeValue: '1', weizhi: '2F金陵文脉', time: '2023-02-26 12:00:00', anzhuangtime: '2023-02-26 16:00:00', gonghuashang: '大华', owner: '大华科技', policeTime: '2023-05-21', status: '1' },
{ bianma: 'KD-22', supplierTypeValue: '1', weizhi: '2F金陵文脉', time: '2023-02-26 12:00:00', anzhuangtime: '2023-02-26 16:00:00', gonghuashang: '大华', owner: '大华科技', policeTime: '2023-05-23', status: '1' },
{ bianma: 'KD-22', supplierTypeValue: '1', weizhi: '2F金陵文脉', time: '2023-02-26 12:00:00', anzhuangtime: '2023-02-26 16:00:00', gonghuashang: '大华', owner: '大华科技', policeTime: '2023-05-23', status: '3' },
{ bianma: 'KD-22', supplierTypeValue: '1', weizhi: '2F金陵文脉', time: '2023-02-26 12:00:00', anzhuangtime: '2023-02-26 16:00:00', gonghuashang: '大华', owner: '大华科技', policeTime: '2023-05-23', status: '3' },
{ bianma: 'KD-22', supplierTypeValue: '1', weizhi: '2F金陵文脉', time: '2023-02-26 12:00:00', anzhuangtime: '2023-02-26 16:00:00', gonghuashang: '大华', owner: '大华科技', policeTime: '2023-05-23', status: '3' },
], ],
listLoading: false, listLoading: false,
listQuery: { listQuery: {
@ -201,7 +220,20 @@ export default {
size: 5, size: 5,
total: 0 total: 0
}, },
supplierType_list: [], supplierType_list: [
{ title: '摄像机', id: '1' },
],
floor_list: [
{ title: '一层', id: '1' },
{ title: '二层', id: '2' },
{ title: '三层', id: '3' },
{ title: '四层', id: '4' },
],
status_list: [
{ title: '已损坏', id: '1' },
{ title: '已维修', id: '2' },
{ title: '完好', id: '3' },
],
rules: {} rules: {}
} }
}, },
@ -213,6 +245,20 @@ export default {
// this.init() // this.init()
}, },
methods: { methods: {
getStatus(item) {
for (var i = 0; i < this.status_list.length; i++) {
if (this.status_list[i].id == item) {
return this.status_list[i].title
}
}
},
getSupplierType(item) {
for (var i = 0; i < this.supplierType_list.length; i++) {
if (this.supplierType_list[i].id == item) {
return this.supplierType_list[i].title
}
}
},
resetState() { resetState() {
this.viewState = 1 this.viewState = 1
}, },
@ -372,8 +418,10 @@ export default {
// }) // })
// }, // },
handleEdit(row) { handleEdit(row) {
this.viewState = 3 // this.viewState = 3
this.$refs['divadd'].showEdit(row) // this.$refs['divadd'].showEdit(row)
this.viewState = 2
this.$refs['divadd'].showAdd(this.listQuery.params.createOrgSid)
// if (row.supplierTypeValue !== '主机厂' && row.supplierTypeValue !== '分公司') { // if (row.supplierTypeValue !== '主机厂' && row.supplierTypeValue !== '分公司') {
// this.viewState = 3 // this.viewState = 3
// this.$refs['divadd'].showEdit(row) // this.$refs['divadd'].showEdit(row)

103
src/views/shebeizhuangtai/shebeizhuangtaiList.vue
View File

@ -1,18 +1,19 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div v-show="viewState == 1"> <div v-show="viewState == 1">
<button-bar view-title="设备状态" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> <button-bar view-title="报警查询" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="main-content"> <div class="main-content">
<div class="searchcon"> <div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search"> <div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="110px" class="tab-header"> <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="110px" class="tab-header">
<!-- <el-form-item label="设备类型">
<el-input v-model="listQuery.params.manufacturerName" clearable placeholder=""
class="addinputw"></el-input>
</el-form-item> -->
<el-form-item label="设备类型"> <el-form-item label="设备类型">
<el-input v-model="listQuery.params.manufacturerName" clearable placeholder="" class="addinputw"></el-input> <el-select v-model="listQuery.params.supplierType" filterable clearable placeholder="请选择设备类型">
</el-form-item> <el-option v-for="item in supplierType_list" :key="item.id" :label="item.title" :value="item.id" />
<el-form-item label="选择楼层">
<el-select v-model="listQuery.params.supplierType" filterable clearable placeholder="请选择楼层">
<el-option v-for="item in supplierType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- <el-form-item label="厂商办公电话"> <!-- <el-form-item label="厂商办公电话">
@ -29,12 +30,14 @@
</div> </div>
</div> </div>
<div class="listtop"> <div class="listtop">
<div class="tit">设备状态信息列表</div> <div class="tit">报警查询信息列表</div>
<!-- 翻页分页 --> <!-- 翻页分页 -->
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current"
:limit.sync="listQuery.size" class="pagination" @pagination="getList" />
</div> </div>
<div> <div>
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange"> <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;"
@selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50" /> <el-table-column type="selection" align="center" width="50" />
<el-table-column label="序号" fixed type="index" width="80" :index="indexMethod" align="center" /> <el-table-column label="序号" fixed type="index" width="80" :index="indexMethod" align="center" />
<!-- <el-table-column label="操作" fixed align="center" width="160px" class-name="small-padding fixed-width"> <!-- <el-table-column label="操作" fixed align="center" width="160px" class-name="small-padding fixed-width">
@ -48,22 +51,39 @@
<span class="bluezi" @click="handleCheck(scope.row)">{{ scope.row.bianma }}</span> <span class="bluezi" @click="handleCheck(scope.row)">{{ scope.row.bianma }}</span>
</template> </template>
</el-table-column> --> </el-table-column> -->
<!--
<el-table-column label="报警时间" align="center">
<template slot-scope="scope">
<span>{{ scope.row.policeTime }}</span>
</template>
</el-table-column>
<el-table-column label="设备位置" width="" header-align="center" align="center">
<template slot-scope="scope">
<span>{{ scope.row.weizhi }}</span>
</template>
</el-table-column> -->
<el-table-column label="设备类型" align="center">
<template slot-scope="scope">
<span>{{ getDeviceType(scope.row.deviceType) }}</span>
</template>
</el-table-column>
<el-table-column prop="jc" label="设备编码" header-align="center" align="center"> <el-table-column prop="jc" label="设备编码" header-align="center" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.bianma }}</span> <span>{{ scope.row.bianma }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="设备类型" width="110" align="center"> <el-table-column label="IP地址" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.supplierTypeValue }}</span> <span>{{ scope.row.ipAddress }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="设备位置" width="" header-align="center" align="center"> <el-table-column label="当前状态" width="110" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.weizhi }}</span> <span v-if="scope.row.supplierTypeValue == 1" style="color:green">{{ getSupplierType(scope.row.supplierTypeValue) }}</span>
<span v-if="scope.row.supplierTypeValue == 2" style="color:red">{{ getSupplierType(scope.row.supplierTypeValue) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="出厂时间" align="center"> <!-- <el-table-column label="出厂时间" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.time }}</span> <span>{{ scope.row.time }}</span>
</template> </template>
@ -80,24 +100,15 @@
</el-table-column> </el-table-column>
<el-table-column label="生产厂家" align="center"> <el-table-column label="生产厂家" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.gonghuashang }}</span> <span>{{ scope.row.owner }}</span>
</template>
</el-table-column>
<el-table-column label="保修截止日期" align="center">
<template slot-scope="scope">
<span>{{ scope.row.gonghuashang }}</span>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column label="状态" align="center">
<template slot-scope="scope">
<span>{{ scope.row.gonghuashang }}</span>
</template>
</el-table-column>
</el-table> </el-table>
</div> </div>
<div class="pages"> <div class="pages">
<!-- 翻页 --> <!-- 翻页 -->
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current"
:limit.sync="listQuery.size" class="pagination" @pagination="getList" />
</div> </div>
</div> </div>
</div> </div>
@ -178,8 +189,17 @@ export default {
sids: [], sids: [],
// 查询 ----------- // 查询 -----------
tableKey: 0, tableKey: 0,
list: [{bianma:'212233433',supplierTypeValue:'222',weizhi:'212233433',time:'2023-02-26',anzhuangtime:'2023-02-26',gonghuashang:'222' list: [
,supplierTypeValue:'222',zhuangtai:'222'} { bianma: 'Pro2160901', supplierTypeValue: '1', weizhi: '库房', time: '2023-02-26', anzhuangtime: '2023-02-26', gonghuashang: 'Pepsi Cola', owner: 'Owner Peer', policeTime: '2023-05-18', deviceType: '1', ipAddress: '192.168.5.12' },
{ bianma: 'Pro2160902', supplierTypeValue: '1', weizhi: '观察', time: '2023-02-26', anzhuangtime: '2023-02-26', gonghuashang: 'Pepsi Cola', owner: 'Owner Peer', policeTime: '2023-05-19', deviceType: '1', ipAddress: '192.168.5.13' },
{ bianma: 'Pro2160903', supplierTypeValue: '2', weizhi: '后院', time: '2023-02-26', anzhuangtime: '2023-02-26', gonghuashang: 'Pepsi Cola', owner: 'Owner Peer', policeTime: '2023-05-19', deviceType: '2', ipAddress: '192.168.5.14' },
{ bianma: 'Pro2160904', supplierTypeValue: '2', weizhi: '铁皮', time: '2023-02-26', anzhuangtime: '2023-02-26', gonghuashang: 'Pepsi Cola', owner: 'Owner Peer', policeTime: '2023-05-20', deviceType: '2', ipAddress: '192.168.5.15' },
{ bianma: 'Pro2160905', supplierTypeValue: '2', weizhi: '盲点', time: '2023-02-26', anzhuangtime: '2023-02-26', gonghuashang: 'Pepsi Cola', owner: 'Owner Peer', policeTime: '2023-05-20', deviceType: '2', ipAddress: '192.168.5.16' },
{ bianma: 'Pro2160906', supplierTypeValue: '1', weizhi: '凉亭', time: '2023-02-26', anzhuangtime: '2023-02-26', gonghuashang: 'Pepsi Cola', owner: 'Owner Peer', policeTime: '2023-05-21', deviceType: '1', ipAddress: '192.168.5.17' },
{ bianma: 'Pro2160907', supplierTypeValue: '1', weizhi: '书房', time: '2023-02-26', anzhuangtime: '2023-02-26', gonghuashang: 'Pepsi Cola', owner: 'Owner Peer', policeTime: '2023-05-23', deviceType: '1', ipAddress: '192.168.5.18' },
{ bianma: 'Pro2160908', supplierTypeValue: '2', weizhi: '藏经阁', time: '2023-02-26', anzhuangtime: '2023-02-26', gonghuashang: 'Pepsi Cola', owner: 'Owner Peer', policeTime: '2023-05-23', deviceType: '2', ipAddress: '192.168.5.19' },
{ bianma: 'Pro2160909', supplierTypeValue: '1', weizhi: '车库', time: '2023-02-26', anzhuangtime: '2023-02-26', gonghuashang: 'Pepsi Cola', owner: 'Owner Peer', policeTime: '2023-05-23', deviceType: '1', ipAddress: '192.168.5.20' },
{ bianma: 'ZYR2060810', supplierTypeValue: '2', weizhi: '斜坡', time: '2023-02-26', anzhuangtime: '2023-02-26', gonghuashang: 'Pepsi Cola', owner: 'Owner Peer', policeTime: '2023-05-23', deviceType: '1', ipAddress: '192.168.5.21' },
], ],
listLoading: false, listLoading: false,
listQuery: { listQuery: {
@ -193,9 +213,16 @@ export default {
}, },
current: 1, current: 1,
size: 5, size: 5,
total: 0 total: 10
}, },
supplierType_list: [], supplierType_list: [
{ title: '在线', id: '1' },
{ title: '离线', id: '2' },
],
deviceType_list: [
{ title: '普通设备', id: '1' },
{ title: '人脸设备', id: '2' },
],
rules: {} rules: {}
} }
}, },
@ -207,6 +234,20 @@ export default {
// this.init() // this.init()
}, },
methods: { methods: {
getSupplierType(item) {
for (var i = 0; i < this.supplierType_list.length; i++) {
if (this.supplierType_list[i].id == item) {
return this.supplierType_list[i].title
}
}
},
getDeviceType(item) {
for (var i = 0; i < this.deviceType_list.length; i++) {
if (this.deviceType_list[i].id == item) {
return this.deviceType_list[i].title
}
}
},
resetState() { resetState() {
this.viewState = 1 this.viewState = 1
}, },

Write Preview
Loading…
Cancel
Save