liu_li
/
yxk-storeroom-system
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

著录界面管理高亮 设备管理

master
z_yu 3 years ago
parent
2c81e688fd
commit
edc5711cfb
4 changed files with 43 additions and 34 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      src/api/storeManage/deviceManage/device.js
  2. 2
      src/views/category/descriptionPreview/index.vue
  3. 32
      src/views/storeManage/deviceManage/index.vue
  4. 27
      src/views/storeManage/deviceManage/module/deviceDetail.vue

4
src/api/storeManage/deviceManage/device.js
View File

@ -9,13 +9,13 @@ export function add(data) {
}
export function del(ids) {
const data = {
const params = {
id: ids[0]
}
return request({
url: 'api/storeroom/delete',
method: 'delete',
data
params
})
}

2
src/views/category/descriptionPreview/index.vue
View File

@ -263,7 +263,7 @@ export default {
&:hover,
&.fields-active {
color: #fff;
background-color: #02255f;
background-color: #339CFF;
}
}
}

32
src/views/storeManage/deviceManage/index.vue
View File

@ -32,16 +32,17 @@
<!-- 区域列表 -->
<el-row class="container-main" :gutter="20">
<el-col class="curd-in-out" style="height: calc(100vh - 190px)" :xs="10" :sm="8" :md="5" :lg="6" :xl="4">
<crudOperation :permission="permission">
<template v-slot:left>
<div class="crud-opts">
<div class="crud-opts-left">
<el-button v-permission="permission.add" size="mini" icon="el-icon-plus" :disabled="crud.selections[0] && crud.selections[0].id && crud.selections[0].id !== defaultExpandedKeys[0]" @click="crud.toAdd">
新增
</el-button>
</template>
<template v-slot:right>
<el-button v-permission="permission.del" icon="el-icon-delete" size="mini" :loading="crud.delAllLoading" :disabled="crud.selections.length === 0" @click="toDelete(crud.selections)">删除</el-button>
</template>
</crudOperation>
<el-button v-permission="permission.edit" size="mini" icon="el-icon-edit" :disabled="crud.selections.length !== 1 || crud.selections[0].id && crud.selections[0].id === defaultExpandedKeys[0]" @click="crud.toEdit(crud.selections[0])">
修改
</el-button>
<el-button v-permission="permission.del" icon="el-icon-delete" size="mini" :loading="crud.delAllLoading" :disabled="crud.selections.length !== 1 || crud.selections[0].id && crud.selections[0].id === defaultExpandedKeys[0]" @click="toDelete(crud.selections)">删除</el-button>
</div>
</div>
<!--区域树状结构-->
<div class="container-left" style="min-height: calc(100vh - 242px);margin:20px 0 0 0">
<span class="right-top-line" />
@ -52,9 +53,8 @@
</div>
</el-col>
<!-- 设备详情列表 -->
<el-col class="container-right" :xs="14" :sm="16" :md="19" :lg="18" :xl="20">
<span class="right-top-line" />
<span class="left-bottom-line" />
<!-- <el-col class="container-right" :xs="14" :sm="16" :md="19" :lg="18" :xl="20"> -->
<el-col :xs="14" :sm="16" :md="19" :lg="18" :xl="20">
<deviceDetail ref="deviceDetail" :permission="permission" :active-add-btn="activeRightBtn" />
</el-col>
</el-row>
@ -62,29 +62,21 @@
</template>
<script>
import deviceDetail from './deviceDetail'
import deviceDetail from './module/deviceDetail'
import crudDevice from '@/api/storeManage/deviceManage/device'
import CRUD, { presenter, form } from '@crud/crud'
import crudOperation from '@crud/CRUD.operation'
import Vue from 'vue'
const defaultForm = { id: null, name: null, sort: null }
export default {
name: 'Device',
components: { crudOperation, deviceDetail },
components: { deviceDetail },
cruds() {
return [
CRUD({
title: '区域', url: 'api/storeroom/tree',
crudMethod: { ...crudDevice },
optShow: {
add: false,
edit: true,
del: false,
download: false,
group: false
},
sort: ['sort,asc']
})
]

27
src/views/storeManage/deviceManage/deviceDetail.vue → src/views/storeManage/deviceManage/module/deviceDetail.vue
View File

@ -1,7 +1,7 @@
<template>
<div>
<!--工具栏-->
<div class="head-container">
<div class="head-container" style="padding:0 0 20px 0">
<crudOperation :permission="permission">
<template v-slot:left>
<el-button v-permission="permission.add" size="mini" type="primary" icon="el-icon-plus" :disabled="!activeAddBtn" @click="selectDeviceType">新增</el-button>
@ -17,6 +17,9 @@
<span class="dialog-left-bottom" />
<div class="setting-dialog">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
<el-form-item label="字典名称" prop="dicName">
<el-input v-model="form.dicName" style="width: 370px;" />
</el-form-item>
<el-form-item label="字典名称" prop="dicName">
<el-input v-model="form.dicName" style="width: 370px;" />
</el-form-item>
@ -45,16 +48,28 @@
</div>
</div>
</el-dialog>
<div class="container-right" style="min-height: calc(100vh - 242px);">
<span class="right-top-line" />
<span class="left-bottom-line" />
<!--表格渲染-->
<el-table ref="table" v-loading="crud.loading" :data="crud.data" highlight-current-row style="width: 100%;" @selection-change="selectionChangeHandler" @row-click="clickRowHandler">
<el-table-column type="selection" width="55" />
<el-table-column prop="dicName" label="字典名称" />
<el-table-column prop="dicCode" label="字典代码" />
<el-table-column prop="dicExplain" label="内容说明" />
<el-table-column type="index" label="序号" width="55" />
<el-table-column prop="dicName" label="所属区域" />
<el-table-column prop="dicCode" label="设备状态" />
<el-table-column prop="dicExplain" label="设备类型" />
<el-table-column prop="dicCode" label="设备厂商" />
<el-table-column prop="dicCode" label="设备名称" />
<el-table-column prop="dicExplain" label="设备ID" />
<el-table-column prop="dicExplain" label="接口IP" />
<el-table-column prop="dicExplain" label="端口" />
<el-table-column prop="dicExplain" label="绑定设备" />
<el-table-column prop="dicExplain" label="绑定参数" />
</el-table>
<!--分页组件-->
<pagination />
</div>
</div>
</template>
<script>
@ -115,7 +130,8 @@ export default {
del: ['admin', 'dict:del']
},
deleteVisible: false,
deleteData: {}
deleteData: {},
selectDeviceTypeVisible: false
}
},
methods: {
@ -166,6 +182,7 @@ export default {
done()
},
selectDeviceType() {
this.selectDeviceTypeVisible = true
}
}
}
Write Preview
Loading…
Cancel
Save