Skip to content

S
super-hive-web
Commit 63282603 authored by wends's avatar wends
Browse files
Options

add 设备管理

parent 5492e9a6
Hide whitespace changes
Inline Side-by-side
Showing with 438 additions and 0 deletions
src/api/equipment-management/equipment-instance.js 0 → 100644
View file @ 63282603
import request from '@/utils/request'
// const baseURL = process.env.VUE_APP_BASE_API
const baseURL = ''
// 获取数据集列表-分页
export function getTableData(data) {
return request({
url: `${baseURL}/cc/linque/getDatasetList`,
method: 'post',
data
})
}
src/api/equipment-management/equipment-model.js 0 → 100644
View file @ 63282603
import request from '@/utils/request'
// const baseURL = process.env.VUE_APP_BASE_API
const baseURL = ''
// 获取数据集列表-分页
export function getTableData(data) {
return request({
url: `${baseURL}/cc/linque/getDatasetList`,
method: 'post',
data
})
}
src/icons/svg/equipment-instance.svg 0 → 100644
View file @ 63282603
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1596610583791" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3742" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><defs><style type="text/css"></style></defs><path d="M938.666667 810.666667V85.333333H106.666667v448h21.333333v64h64v85.333334h42.666667v-85.333334h64v-64h21.333333V298.666667h362.666667v512h-106.666667v-85.333334h-170.666667v85.333334h-106.666666v-85.333334H128v85.333334H42.666667v128h938.666666v-128zM256 554.666667H170.666667v-21.333334h85.333333z m21.333333-298.666667v234.666667H149.333333V128h746.666667v682.666667h-170.666667V256z m170.666667 512h85.333333v42.666667h-85.333333zM170.666667 768h85.333333v42.666667H170.666667z m768 128H85.333333v-42.666667h853.333334z" p-id="3743"></path><path d="M661.333333 192m-42.666666 0a42.666667 42.666667 0 1 0 85.333333 0 42.666667 42.666667 0 1 0-85.333333 0Z" p-id="3744"></path><path d="M277.333333 170.666667h298.666667v42.666666H277.333333zM789.333333 597.333333h42.666667v170.666667h-42.666667zM789.333333 469.333333h42.666667v85.333334h-42.666667zM789.333333 341.333333h42.666667v85.333334h-42.666667z" p-id="3745"></path></svg>
\ No newline at end of file
src/icons/svg/equipment-model.svg 0 → 100644
View file @ 63282603
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1596610570717" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3597" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><defs><style type="text/css"></style></defs><path d="M546.133333 853.333333l-165.973333-287.36a160.426667 160.426667 0 0 0 25.173333-85.333333v-1.066667l251.946667-125.226666 121.386667 121.6 165.973333-165.973334L853.333333 218.88l-74.666666 75.306667-53.333334-53.333334V170.666667h106.666667V42.666667H597.333333v174.08l-262.613333 130.56A160 160 0 1 0 245.333333 640h4.906667l123.52 213.333333H42.666667v128h938.666666v-128zM640 243.2V85.333333h149.333333v42.666667h-106.666666v130.56l96 96 74.666666-75.306667 30.08 30.08-106.666666 105.6-113.066667-113.066666-264.96 132.693333a158.72 158.72 0 0 0-30.08-56.533333zM128 480a117.333333 117.333333 0 1 1 117.333333 117.333333A117.546667 117.546667 0 0 1 128 480z m167.04 152.106667a162.986667 162.986667 0 0 0 55.466667-31.786667L496.853333 853.333333h-73.813333zM938.666667 938.666667H85.333333v-42.666667h853.333334z" p-id="3598"></path><path d="M320 480a74.666667 74.666667 0 1 0-74.666667 74.666667 74.666667 74.666667 0 0 0 74.666667-74.666667z m-106.666667 0a32 32 0 1 1 32 32 32 32 0 0 1-32-32z" p-id="3599"></path></svg>
\ No newline at end of file
src/icons/svg/equipment.svg 0 → 100644
View file @ 63282603
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1596610514816" class="icon" viewBox="0 0 1322 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3445" xmlns:xlink="http://www.w3.org/1999/xlink" width="165.25" height="128"><defs><style type="text/css"></style></defs><path d="M457.653043 361.170023a94.278487 94.278487 0 0 0-42.578349-10.442047 95.658758 95.658758 0 1 0 95.628752 95.628752 94.398511 94.398511 0 0 0-10.562071-42.788391l103.220241-105.020594-42.758385-42.008237z m-42.578349 120.833695a35.64699 35.64699 0 1 1 35.616984-35.64699 35.676996 35.676996 0 0 1-35.616984 35.64699z" p-id="3446"></path><path d="M242.540861 573.881735h360.070608v60.011768h-360.070608z" p-id="3447"></path><path d="M452.582049 663.899387h120.023536v60.011767h-120.023536z" p-id="3448"></path><path d="M632.617352 65.73209A384.495397 384.495397 0 0 0 413.814447 0.019204 414.651311 414.651311 0 0 0 0.003301 416.350844a419.092181 419.092181 0 0 0 302.549328 399.498339v148.109043h-270.052956v60.011768h330.064724v-195.548346a383.115126 383.115126 0 0 0 120.023536-0.960188v196.508534h840.164751v-960.188287h-690.135332zM64.515951 453.858199h58.001374v-60.011768H63.645781a354.069431 354.069431 0 0 1 74.834674-196.658564l46.299079 46.329085 42.42832-42.42832-47.829379-48.009414a354.549525 354.549525 0 0 1 213.041776-91.878017v62.592274h60.011768V61.741307c69.373604 6.6313 150.02942 33.60659 180.035304 77.56521v7.081389l-49.689744 54.700726 39.937832 42.42832 9.751912-12.272406v462.090613a336.365959 336.365959 0 0 1-218.802906 79.395569A351.969019 351.969019 0 0 1 64.515951 453.858199z m478.08375 359.590513a333.245347 333.245347 0 0 0 90.017651-46.479114v196.988628h-90.017651z m150.029419-689.655237h570.111796v840.164751h-570.111796z" p-id="3449"></path><path d="M782.646772 483.864083h420.082376v-300.05884h-420.082376z m60.011768-240.047072h300.05884v180.035304h-300.05884z" p-id="3450"></path><path d="M782.646772 513.869967v180.035303h180.035304v-180.035303z m106.700924 121.01373h-54.370662v-54.31065h54.370662z" p-id="3451"></path><path d="M992.68796 693.90527h180.035304v-180.035303h-180.035304z m66.34301-113.332223h54.340655v54.31065h-54.340655z" p-id="3452"></path><path d="M752.640888 723.911154h420.082376v60.011768h-420.082376z" p-id="3453"></path><path d="M1022.693844 813.928806h150.02942v60.011768h-150.02942z" p-id="3454"></path></svg>
\ No newline at end of file
src/router/index.js
View file @ 63282603
......@@ -102,10 +102,13 @@ import tenantManagement from './modules/tenantManagement'
import dataManagement from './modules/dataManagement'
// 数据可视
import dataVisible from './modules/dataVisibleManagement'
// 设备管理
import equipmentManagement from './modules/equipmentManagement'
export const asyncRoutes = [
dataManagement,
dataVisible,
equipmentManagement,
systemManagement,
tenantManagement,
// 404 page must be placed at the end !!!
......
src/router/modules/equipmentManagement.js 0 → 100644
View file @ 63282603
import Common from '@/layout/common/index'
const router = {
menuId: 'EquipmentMgr',
path: '/equipment-management',
name: '设备管理',
component: Common,
redirect: '/equipment-management/equipment-model',
meta: { title: '设备管理', icon: 'equipment' },
alwaysShow: true,
children: [
{
menuId: 'EquipmentModel',
path: 'equipment-model',
name: '设备模型',
component: () => import('@/views/equipment-management/equipment-model'),
meta: { title: '设备模型', icon: 'equipment-model' }
},
{
menuId: 'EquipmentInstance',
path: 'equipment-instance',
name: '设备实例',
component: () => import('@/views/equipment-management/equipment-instance'),
meta: { title: '设备实例', icon: 'equipment-instance' }
}
]
}
export default router
src/views/equipment-management/equipment-instance/index.vue 0 → 100644
View file @ 63282603
<template>
<div>
<el-card class="no-bottom">
<el-form
ref="searchForm"
:model="searchForm"
label-width="80px"
inline
>
<el-form-item
label="input:"
prop="input"
>
<el-input v-model="searchForm.input" />
</el-form-item>
<el-form-item
label="status:"
prop="status"
>
<el-select v-model="searchForm.status" placeholder="请选择">
<el-option label="全部" :value="null" />
<el-option label="正常" :value="0" />
<el-option label="锁定" :value="1" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="getTableData">查询</el-button>
<el-button icon="el-icon-refresh" @click="resetForm">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="margin-top-20">
<div class="buttons-group margin-bottom-20">
<el-button type="primary" icon="el-icon-plus" @click="addRow">增加系统</el-button>
</div>
<el-table
:data="tableData"
border
>
<el-table-column
type="index"
label="序号"
width="50px"
align="center"
/>
<el-table-column
prop="a"
label="a"
/>
<el-table-column
prop="b"
label="b"
/>
<el-table-column
prop="c"
label="c"
/>
<el-table-column
prop="d"
label="d"
/>
<el-table-column
label="操作"
width="140px"
align="center"
>
<template slot-scope="props">
<el-button v-permission="'SysMgr_update'" type="text" @click="editItem(props.row)">编辑</el-button>
<el-popconfirm
title="确定要删除此条记录吗？"
@onConfirm="deleteItem(props.row.id)"
>
<el-button slot="reference" type="text">删除</el-button>
</el-popconfirm>
</template>
</el-table-column>
</el-table>
<el-pagination
class="margin-top-20 text-align-right"
:current-page="pageForm.pageNum"
:page-sizes="[10, 20, 50, 100]"
:page-size="pageForm.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="pageForm.total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</el-card>
<el-dialog
:title="add ? '增加系统' : '编辑系统'"
:visible.sync="dialogVisible"
width="700px"
>
<el-form
:model="addForm"
label-width="90px"
>
<el-form-item
label="input:"
>
<el-input v-model="addForm.input" />
</el-form-item>
<el-form-item
label="status:"
>
<el-input v-model="addForm.status" />
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="saveSystem">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import { getTableData } from '@/api/equipment-management/equipment-instance'
export default {
name: 'EquipmentInstance',
props: {},
data() {
return {
searchForm: {
input: null,
status: null
},
add: true,
dialogVisible: false,
tableData: [],
addForm: {
input: null,
status: null
},
pageForm: {
pageSize: 10,
pageNum: 1,
total: 0
}
}
},
created() {},
mounted() {},
methods: {
getTableData(pageNum) {
const params = {
...this.searchForm,
pageNum,
pageSize: this.pageForm.pageSize
}
getTableData(params)
.then(res => {
const { records, totalSize } = res.data
this.tableData = records
this.pageForm.total = totalSize
})
.catch(err => console.error(err))
},
resetForm() {
this.$refs.searchForm.resetFields()
},
addRow() {
this.add = true
this.dialogVisible = true
},
editItem() {
this.add = false
this.dialogVisible = true
},
deleteItem(id) {},
saveSystem() {},
handleSizeChange(val) {
this.pageForm.pageSize = val
this.getTableData(1)
},
handleCurrentChange(val) {
this.pageForm.pageNum = val
this.getTableData(val)
}
}
}
</script>
<style lang="scss" scoped>
</style>
src/views/equipment-management/equipment-model/index.vue 0 → 100644
View file @ 63282603
<template>
<div>
<el-card class="no-bottom">
<el-form
ref="searchForm"
:model="searchForm"
label-width="80px"
inline
>
<el-form-item
label="input:"
prop="input"
>
<el-input v-model="searchForm.input" />
</el-form-item>
<el-form-item
label="status:"
prop="status"
>
<el-select v-model="searchForm.status" placeholder="请选择">
<el-option label="全部" :value="null" />
<el-option label="正常" :value="0" />
<el-option label="锁定" :value="1" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="getTableData">查询</el-button>
<el-button icon="el-icon-refresh" @click="resetForm">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="margin-top-20">
<div class="buttons-group margin-bottom-20">
<el-button type="primary" icon="el-icon-plus" @click="addRow">增加系统</el-button>
</div>
<el-table
:data="tableData"
border
>
<el-table-column
type="index"
label="序号"
width="50px"
align="center"
/>
<el-table-column
prop="a"
label="a"
/>
<el-table-column
prop="b"
label="b"
/>
<el-table-column
prop="c"
label="c"
/>
<el-table-column
prop="d"
label="d"
/>
<el-table-column
label="操作"
width="140px"
align="center"
>
<template slot-scope="props">
<el-button v-permission="'SysMgr_update'" type="text" @click="editItem(props.row)">编辑</el-button>
<el-popconfirm
title="确定要删除此条记录吗？"
@onConfirm="deleteItem(props.row.id)"
>
<el-button slot="reference" type="text">删除</el-button>
</el-popconfirm>
</template>
</el-table-column>
</el-table>
<el-pagination
class="margin-top-20 text-align-right"
:current-page="pageForm.pageNum"
:page-sizes="[10, 20, 50, 100]"
:page-size="pageForm.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="pageForm.total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</el-card>
<el-dialog
:title="add ? '增加系统' : '编辑系统'"
:visible.sync="dialogVisible"
width="700px"
>
<el-form
:model="addForm"
label-width="90px"
>
<el-form-item
label="input:"
>
<el-input v-model="addForm.input" />
</el-form-item>
<el-form-item
label="status:"
>
<el-input v-model="addForm.status" />
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="saveSystem">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import { getTableData } from '@/api/equipment-management/equipment-model'
export default {
name: 'EquipmentModel',
props: {},
data() {
return {
searchForm: {
input: null,
status: null
},
add: true,
dialogVisible: false,
tableData: [],
addForm: {
input: null,
status: null
},
pageForm: {
pageSize: 10,
pageNum: 1,
total: 0
}
}
},
created() {},
mounted() {},
methods: {
getTableData(pageNum) {
const params = {
...this.searchForm,
pageNum,
pageSize: this.pageForm.pageSize
}
getTableData(params)
.then(res => {
const { records, totalSize } = res.data
this.tableData = records
this.pageForm.total = totalSize
})
.catch(err => console.error(err))
},
resetForm() {
this.$refs.searchForm.resetFields()
},
addRow() {
this.add = true
this.dialogVisible = true
},
editItem() {
this.add = false
this.dialogVisible = true
},
deleteItem(id) {},
saveSystem() {},
handleSizeChange(val) {
this.pageForm.pageSize = val
this.getTableData(1)
},
handleCurrentChange(val) {
this.pageForm.pageNum = val
this.getTableData(val)
}
}
}
</script>
<style lang="scss" scoped>
</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