5 changed files with 334 additions and 53 deletions
-
18src/api/storeManage/deviceManage/mac.js
-
30src/api/storeManage/deviceManage/param.js
-
9src/views/storeManage/deviceManage/index.vue
-
164src/views/storeManage/deviceManage/module/bindParams.vue
-
166src/views/storeManage/deviceManage/module/deviceDetail.vue
@ -0,0 +1,18 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
export function getMac() { |
||||
|
return request({ |
||||
|
url: 'api/mac/get', |
||||
|
method: 'get' |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function bindMac(data) { |
||||
|
return request({ |
||||
|
url: 'api/mac/bind', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export default { getMac, bindMac } |
||||
@ -0,0 +1,30 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
export function getParams(params) { |
||||
|
return request({ |
||||
|
url: 'api/spec/list', |
||||
|
method: 'get', |
||||
|
params |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function del(ids) { |
||||
|
const params = { |
||||
|
id: ids[0] |
||||
|
} |
||||
|
return request({ |
||||
|
url: 'api/storeroom/delete', |
||||
|
method: 'delete', |
||||
|
params |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function edit(data) { |
||||
|
return request({ |
||||
|
url: 'api/storeroom/update', |
||||
|
method: 'put', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export default { getParams, edit, del } |
||||
@ -0,0 +1,164 @@ |
|||||
|
<template> |
||||
|
<!--表单组件--> |
||||
|
<!-- :before-close="crud.cancelCU" --> |
||||
|
<el-dialog class="binding-params-dialog" :close-on-click-modal="false" :visible.sync="bingParamsVisible" title="绑定参数"> |
||||
|
<span class="dialog-right-top" /> |
||||
|
<span class="dialog-left-bottom" /> |
||||
|
<div class="setting-dialog"> |
||||
|
<div class="head-container"> |
||||
|
<el-form ref="form" :model="form" inline :rules="rules" size="small" label-width="80px"> |
||||
|
<el-form-item label="参数ID" prop="paramId"> |
||||
|
<el-input v-model="form.paramId" style="width: 120px;" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="参数名称" prop="paramName"> |
||||
|
<el-input v-model="form.paramName" style="width: 120px;" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="单位值" prop="unit"> |
||||
|
<el-input v-model="form.unit" style="width: 120px;" /> |
||||
|
</el-form-item> |
||||
|
<el-button type="primary" @click="add">添加</el-button> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
<!-- <el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px"> |
||||
|
<el-form-item label="区域名称" prop="name"> |
||||
|
<el-input v-model="form.name" style="width: 370px;" /> |
||||
|
</el-form-item> |
||||
|
</el-form> --> |
||||
|
<el-table ref="table" v-loading="crud.loading" :data="params"> |
||||
|
<el-table-column type="index" label="序号" width="55" align="center" /> |
||||
|
<el-table-column prop="paramId" label="参数ID" align="center" /> |
||||
|
<el-table-column prop="paramName" label="参数名称" align="center" /> |
||||
|
<el-table-column prop="unit" label="单位值" align="center" /> |
||||
|
<el-table-column label="操作" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button size="mini" icon="el-icon-delete" class="delete-btn" @click="handleDelete(scope.$index)">删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import crudMethod from '@/api/storeManage/deviceManage/param' |
||||
|
import CRUD, { presenter, form } from '@crud/crud' |
||||
|
// import Vue from 'vue' |
||||
|
|
||||
|
const defaultForm = { id: null, name: null, sort: null } |
||||
|
|
||||
|
export default { |
||||
|
name: 'BingParams', |
||||
|
cruds() { |
||||
|
return [ |
||||
|
CRUD({ |
||||
|
title: '区域', url: 'api/storeroom/tree', |
||||
|
crudMethod: { ...crudMethod }, |
||||
|
sort: ['sort,asc'] |
||||
|
}) |
||||
|
] |
||||
|
}, |
||||
|
mixins: [presenter(), form(defaultForm)], |
||||
|
data() { |
||||
|
return { |
||||
|
rules: { |
||||
|
name: [ |
||||
|
{ required: true, message: '请输入区域名称', trigger: 'blur' } |
||||
|
] |
||||
|
}, |
||||
|
params: [], |
||||
|
form: {}, |
||||
|
// permission: { |
||||
|
// add: ['admin', 'storeroom:add'], |
||||
|
// edit: ['admin', 'storeroom:edit'], |
||||
|
// del: ['admin', 'storeroom:del'] |
||||
|
// }, |
||||
|
// defaultProps: { |
||||
|
// children: 'children', |
||||
|
// label: 'name' |
||||
|
// }, |
||||
|
// activeRightBtn: false, |
||||
|
bingParamsVisible: false |
||||
|
// , |
||||
|
// deleteData: {}, |
||||
|
// allowDelete: false, // 是否允许删除当前区域 |
||||
|
// defaultExpandedKeys: [] |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
// // 获取数据前设置好接口地址 |
||||
|
// [CRUD.HOOK.beforeRefresh]() { |
||||
|
// if (this.$refs.deviceDetail) { |
||||
|
// this.$refs.deviceDetail.query.id = '' |
||||
|
// } |
||||
|
// return true |
||||
|
// }, |
||||
|
// [CRUD.HOOK.afterRefresh]() { |
||||
|
// Vue.set(this.defaultExpandedKeys, 0, this.crud.data[0].id) |
||||
|
// this.$refs.tree.setCurrentKey(this.crud.data[0].id) |
||||
|
// this.$refs.deviceDetail.storeroomId = this.crud.data[0].id |
||||
|
// this.crud.selections = [this.crud.data[0]] |
||||
|
// }, |
||||
|
// // 选中区域后，显示设备详情数据 |
||||
|
// handleNodeClick(val) { |
||||
|
// if (val) { |
||||
|
// this.crud.selectionChangeHandler([val]) |
||||
|
// this.$refs.deviceDetail.query.id = val.id |
||||
|
// this.$refs.deviceDetail.storeroomId = val |
||||
|
// // this.$refs.deviceDetail.crud.toQuery() |
||||
|
// this.activeRightBtn = true |
||||
|
// } |
||||
|
// }, |
||||
|
// // 编辑前将区域临时清空，避免日志入库数据过长 |
||||
|
// [CRUD.HOOK.beforeToEdit](crud, form) { |
||||
|
// form.deviceDetails = null |
||||
|
// }, |
||||
|
// [CRUD.HOOK.beforeSubmit]() { |
||||
|
// this.crud.form.pid = this.defaultExpandedKeys[0] |
||||
|
// this.crud.form.remark = this.crud.form.name |
||||
|
// if (!this.crud.form.sort) { |
||||
|
// this.crud.form.sort = this.crud.data[0].children.reduce((prev, cur) => { return { sort: Math.max(prev.sort, cur.sort) } }).sort + 1 |
||||
|
// } |
||||
|
// }, |
||||
|
// toDelete(data) { |
||||
|
// this.deleteData = data |
||||
|
// this.deleteVisible = true |
||||
|
// this.allowDelete = this.$refs.deviceDetail.crud.data && this.$refs.deviceDetail.crud.data.length === 0 |
||||
|
// }, |
||||
|
// handleConfirm() { |
||||
|
// this.deleteVisible = false |
||||
|
// this.crud.delAllLoading = true |
||||
|
// this.crud.doDelete(this.deleteData) |
||||
|
// }, |
||||
|
// handleClose(done) { |
||||
|
// this.deleteData = {} |
||||
|
// done() |
||||
|
// } |
||||
|
handleDelete(index) { |
||||
|
// this.params.splice(index, 1) |
||||
|
}, |
||||
|
add() { |
||||
|
// this.params.push(JSON.parse(JSON.stringify(this.form))) |
||||
|
// this.form.paramId = '' |
||||
|
// this.form.paramName = '' |
||||
|
// this.form.unit = '' |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.tree-scroll { |
||||
|
height: calc(100vh - 275px); |
||||
|
overflow-y: scroll; |
||||
|
overflow-x: hidden; |
||||
|
} |
||||
|
.binding-params-dialog { |
||||
|
::v-deep .el-dialog{ |
||||
|
width: 950px !important; |
||||
|
} |
||||
|
} |
||||
|
.delete-btn{ |
||||
|
background-color: #F65163; |
||||
|
border-color: #F65163; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue