msb-public
/
dc3-web
mirror of https://gitee.com/pnoker/dc3-web.git
1
0
Code Issues Projects Releases Wiki Activity

20200205

Browse Source
pull/1/head
pnoker 4 years ago
parent 218402fb7e
commit 8d32210694
18 changed files with 10402 additions and 14351 deletions
Show Stats Download Patch File Download Diff File

2
dc3/docker-compose.yml
Unescape View File

@ -8,7 +8,7 @@ services:
image: pnoker/dc3-web:3.0
restart: always
ports:
- 80:80
- 8000:80
- 443:443
container_name: dc3.web
hostname: dc3.com

10
dc3/nginx/conf.d/default.conf
Unescape View File

@ -12,7 +12,7 @@ server {
root /usr/share/nginx/html;
}
return 301 https://$server_name$request_uri;
return 301 https://$server_name$request_uri;
}
server {
@ -36,6 +36,14 @@ server {
index index.html index.htm;
}
location ^~/user_api/ {
proxy_pass http://dc3-auth:8300/;
}
location ^~/device_api/ {
proxy_pass http://dc3-manager:8400/;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;

14104
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

1
package.json
Unescape View File

@ -24,6 +24,7 @@
"nprogress": "latest",
"vue": "^2.6.11",
"vue-axios": "^2.1.5",
"vue-gemini-scrollbar": "^2.0.1",
"vue-router": "^3.1.5",
"vuex": "^3.1.2"
},

3
public/index.html
Unescape View File

@ -68,7 +68,7 @@
}
</style>
</head>
<body ondragstart="return false" onselectstart="return false">
<body ondragstart="return false">
<noscript>
<strong>很抱歉，如果没有 JavaScript 支持，DC3 WEB 将不能正常工作。请启用浏览器的 JavaScript 然后继续。</strong>
</noscript>
@ -89,5 +89,6 @@
</div>
</div>
</div>
<script src="<%= BASE_URL %>js/axios/0.19.2/axios.min.js" charset="utf-8"></script>
</body>
</html>

3
public/js/axios/0.19.2/axios.min.js vendored
View File

File diff suppressed because one or more lines are too long

61
src/api/device.js
Unescape View File

@ -1,61 +0,0 @@
import request from '@/config/axios'
export const groupApi = {
add: (group) => request({
url: '/api/manager/group/add',
method: 'post',
data: group
}),
delete: (id) => request({
url: '/api/manager/group/delete/' + id,
method: 'post'
}),
update: (group) => request({
url: '/api/manager/group/update',
method: 'post',
data: group
}),
selectById: (id) => request({
url: '/api/manager/group/id/' + id,
method: 'get'
}),
list: (group) => request({
url: '/api/manager/group/list',
method: 'post',
data: group
})
};
export const deviceApi = {
add: (group) => request({
url: '/device_api/manager/device/add',
method: 'post',
data: group
}),
delete: (id) => request({
url: '/device_api/manager/device/delete/' + id,
method: 'post'
}),
update: (group) => request({
url: '/device_api/manager/device/update',
method: 'post',
data: group
}),
selectById: (id) => request({
url: '/device_api/manager/device/id/' + id,
method: 'get'
}),
selectByCode: (code) => request({
url: '/device_api/manager/device/code/' + code,
method: 'get'
}),
selectByGroupAndName: (groupId, name) => request({
url: '/device_api/manager/device/group/' + groupId + '/name/' + name,
method: 'get'
}),
list: (group) => request({
url: '/device_api/manager/device/list',
method: 'post',
data: group
})
};

95
src/api/manager.js
Unescape View File

@ -0,0 +1,95 @@
import request from '@/config/axios'
export const groupApi = {
add: (group) => request({
url: '/device_api/manager/group/add',
method: 'post',
data: group
}),
delete: (id) => request({
url: '/device_api/manager/group/delete/' + id,
method: 'post'
}),
update: (group) => request({
url: '/device_api/manager/group/update',
method: 'post',
data: group
}),
selectById: (id) => request({
url: '/device_api/manager/group/id/' + id,
method: 'get'
}),
list: (group) => request({
url: '/device_api/manager/group/list',
method: 'post',
data: group
}),
dictionary: () => request({
url: '/device_api/manager/group/dictionary',
method: 'get'
})
};
export const profileApi = {
add: (profile) => request({
url: '/device_api/manager/profile/add',
method: 'post',
data: profile
}),
delete: (id) => request({
url: '/device_api/manager/profile/delete/' + id,
method: 'post'
}),
update: (profile) => request({
url: '/device_api/manager/profile/update',
method: 'post',
data: profile
}),
selectById: (id) => request({
url: '/device_api/manager/profile/id/' + id,
method: 'get'
}),
list: (profile) => request({
url: '/device_api/manager/profile/list',
method: 'post',
data: profile
}),
dictionary: () => request({
url: '/device_api/manager/profile/dictionary',
method: 'get'
})
};
export const deviceApi = {
add: (device) => request({
url: '/device_api/manager/device/add',
method: 'post',
data: device
}),
delete: (id) => request({
url: '/device_api/manager/device/delete/' + id,
method: 'post'
}),
update: (device) => request({
url: '/device_api/manager/device/update',
method: 'post',
data: device
}),
selectById: (id) => request({
url: '/device_api/manager/device/id/' + id,
method: 'get'
}),
selectByCode: (code) => request({
url: '/device_api/manager/device/code/' + code,
method: 'get'
}),
selectByGroupAndName: (groupId, name) => request({
url: '/device_api/manager/device/group/' + groupId + '/name/' + name,
method: 'get'
}),
list: (device) => request({
url: '/device_api/manager/device/list',
method: 'post',
data: device
})
};

7
src/assets/styles/common/common.scss
Unescape View File

@ -0,0 +1,7 @@
.el-scrollbar__view {
height: 100%;
}
.el-scrollbar__wrap {
overflow-x: hidden;
}

3
src/config/axios.js
Unescape View File

@ -39,13 +39,14 @@ axios.interceptors.response.use(res => {
// 如果请求为 !ok 默认统一处理
if (!ok) {
Message({
center: true,
type: 'error',
showClose: true,
message: message
});
return Promise.reject(new Error(message));
}
return res;
return res.data;
}, error => {
NProgress.done();
return Promise.reject(new Error(error));

1
src/main.js
Unescape View File

@ -8,6 +8,7 @@ import './plugins/element/element.js'
import './config/permission';
Vue.use(VueAxios, axios);
Vue.config.productionTip = false;
new Vue({

10
src/plugins/element/element.js
Unescape View File

@ -1,17 +1,19 @@
import Vue from 'vue'
import Element from 'element-ui'
import Avue from "@smallwei/avue";
import locale from 'element-ui/lib/locale/lang/zh-CN'
import 'element-ui/lib/theme-chalk/index.css';
import './element-variables.scss'
import '@smallwei/avue/lib/index.css'
import locale from 'element-ui/lib/locale/lang/zh-CN'
import GeminiScrollbar from 'vue-gemini-scrollbar'
import baseCard from '@/components/card/base-card'
import titleCard from '@/components/card/title-card'
import Avue from '@smallwei/avue'
import '@smallwei/avue/lib/index.css'
Vue.use(Element, {locale});
Vue.use(Avue);
Vue.use(GeminiScrollbar);
Vue.component('base-card', baseCard);
Vue.component('title-card', titleCard);
Vue.component('title-card', titleCard);

2
src/router/views/index.js
Unescape View File

@ -80,4 +80,4 @@ export default [
}
]
}
]
]

15
src/store/modules/user.js
Unescape View File

@ -12,11 +12,9 @@ const user = {
return new Promise((resolve, reject) => {
generateToken(user).then(res => {
const data = res.data;
if (data.ok) {
commit('SET_USER', user);
commit('SET_TOKEN', data.message);
resolve();
}
commit('SET_USER', user);
commit('SET_TOKEN', data);
resolve();
}).catch(error => {
reject(error);
})
@ -24,11 +22,8 @@ const user = {
},
CheckTokenValid(body) {
return new Promise((resolve, reject) => {
checkTokenValid(body).then(res => {
const data = res.data;
if (data.ok) {
resolve();
}
checkTokenValid(body).then(() => {
resolve();
}).catch(error => {
reject(error)
})

26
src/views/layout/index.vue
Unescape View File

@ -10,16 +10,15 @@
mode="horizontal"
:router=true>
<el-menu-item index="/home"><span class="el-icon-menu"/>首页</el-menu-item>
<el-menu-item index="/things">物联</el-menu-item>
<el-menu-item index="/picture">驱动</el-menu-item>
<el-menu-item index="/template">模板</el-menu-item>
<el-menu-item index="/label">位号</el-menu-item>
<el-menu-item index="/things">设备</el-menu-item>
<el-menu-item index="/now">实时</el-menu-item>
<el-menu-item index="/history">历史</el-menu-item>
<el-menu-item index="/alarm">报警</el-menu-item>
<el-menu-item index="/label">标签</el-menu-item>
<el-menu-item index="/picture">图片</el-menu-item>
<el-menu-item index="/video">视频</el-menu-item>
<el-menu-item index="/alarm">报警</el-menu-item>
<el-menu-item index="/setting">设置</el-menu-item>
<el-menu-item index="/help">帮助</el-menu-item>
<el-menu-item index="/about">关于</el-menu-item>
</el-menu>
</el-col>
@ -37,8 +36,7 @@
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="profile">个人信息</el-dropdown-item>
<el-dropdown-item command="setting" divided>设置</el-dropdown-item>
<el-dropdown-item command="about">关于</el-dropdown-item>
<el-dropdown-item command="help">帮助</el-dropdown-item>
<el-dropdown-item command="logout" divided>退出登录</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
@ -46,9 +44,9 @@
</el-col>
</div>
<div class="body">
<el-scrollbar>
<GeminiScrollbar>
<router-view/>
</el-scrollbar>
</GeminiScrollbar>
</div>
</div>
</template>
@ -136,17 +134,9 @@
right: 0;
left: 0;
bottom: 0;
padding: 4px;
padding: 4px 1px 4px 4px;
position: absolute;
background: #f0f2f5;
.el-scrollbar {
height: 100%;
.el-scrollbar__wrap {
overflow-x: hidden;
}
}
}
</style>

326
src/views/things/Things.vue
Unescape View File

@ -1,65 +1,38 @@
<template>
<el-col :span="24">
<el-col :span="4">
<base-card>
<avue-tree :option="treeOption"
:data="treeData"
@node-click="nodeClick"/>
</base-card>
</el-col>
<el-col :span="20">
<base-card>
<avue-crud :option="option"
:data="data"
:page="page"
ref="crud"
v-model="form"
@on-load="onLoad"
@row-save="rowSave"
@row-update="rowUpdate"
@row-del="rowDel"
@search-change="searchChange"
@search-reset="searchReset">
<template slot="menuLeft">
<el-button type="danger"
size="small"
icon="el-icon-delete"
plain>删 除
</el-button>
</template>
</avue-crud>
</base-card>
</el-col>
<base-card>
<avue-crud :option="listOption"
:data="listData"
:page="page"
:table-loading="loading"
ref="crud"
v-model="listForm"
@on-load="list"
@row-save="listAdd"
@row-del="listDelete"
@row-update="listUpdate"
@search-reset="searchReset"
@search-change="searchChange"
@refresh-change="refreshChange"
@size-change="sizeChange"
@current-change="currentChange"
>
</avue-crud>
</base-card>
</el-col>
</template>
<script>
import {deviceApi} from '@/api/device'
import {failMessage, successMessage} from "@/util/util";
import {deviceApi, groupApi, profileApi} from '@/api/manager'
import {successMessage} from "@/util/util";
export default {
data() {
return {
form: {},
query: {},
selectionList: [],
page: {
currentPage: 1,
total: 0,
pageSize: 20
},
treeOption: {
nodeKey: 'id',
size: 'medium',
formOption: {
labelWidth: 100,
column: [{
label: '分组',
prop: 'group'
}],
}
},
option: {
listForm: {},
listData: [],
listOption: {
tip: false,
index: true,
stripe: true,
@ -72,31 +45,86 @@
{
label: '设备',
prop: 'name',
width: 220,
span: 24,
search: true,
searchSpan: 5,
rules: [
{
required: true,
message: '请输入设备名称',
trigger: 'blur'
}, {
min: 2,
max: 32,
message: '请输入 2~32 位字长的设备名称',
trigger: 'blur'
}, {
pattern: /^[A-Za-z0-9\u4e00-\u9fa5]+$/,
message: '请输入正确格式的设备名称，例：name01、名称01'
}
]
}, {
label: '编码',
prop: 'code',
width: 280,
search: true,
searchSpan: 5,
disabled: true,
rules: [{
message: '请输入设备编码',
trigger: 'blur'
}]
}, {
label: '分组',
prop: 'groupId',
width: 150,
search: true,
searchSpan: 5,
type: 'select',
filterable: true,
searchFilterable: true,
dicData: [],
props: {
label: 'name',
value: 'id'
},
rules: [{
required: true,
message: "请输入设备名称",
trigger: "blur"
message: '请选择所属分组',
trigger: 'click'
}]
}, {
label: '编码',
prop: 'code',
label: '模板',
prop: 'profileId',
width: 180,
search: true,
searchSpan: 5,
type: 'select',
filterable: true,
searchFilterable: true,
dicData: [],
props: {
label: 'name',
value: 'id'
},
rules: [{
required: true,
message: "请输入设备编码",
trigger: "blur"
message: '请选择使用模板',
trigger: 'click'
}]
}, {
label: '状态',
prop: 'status',
width: 100,
search: true,
searchSpan: 4,
disabled: true,
type: 'select',
searchFilterable: true,
value: 2,
dicData: [
{
label: '全部',
value: -1
}, {
label: '离线',
value: 0
}, {
@ -112,123 +140,129 @@
label: '失效',
value: 4
}
],
rules: [{
required: true,
message: "请输入设备状态",
trigger: "blur"
}]
}, {
label: '分组',
prop: 'groupId'
}, {
label: '模板',
prop: 'profileId'
]
}, {
label: '描述',
prop: 'description'
prop: 'description',
width: 220,
span: 24,
type: 'textarea'
}, {
label: "创建日期",
prop: "createTime",
type: "date",
format: "yyyy-MM-dd hh:mm:ss",
valueFormat: "yyyy-MM-dd hh:mm:ss"
label: '创建日期',
prop: 'createTime',
width: 180,
span: 12,
disabled: true,
type: 'date',
format: 'yyyy-MM-dd HH:mm:ss',
valueFormat: 'yyyy-MM-dd HH:mm:ss'
}, {
label: "修改日期",
prop: "updateTime",
type: "date",
format: "yyyy-MM-dd hh:mm:ss",
valueFormat: "yyyy-MM-dd hh:mm:ss"
label: '修改日期',
prop: 'updateTime',
width: 180,
span: 12,
disabled: true,
type: 'date',
format: 'yyyy-MM-dd HH:mm:ss',
valueFormat: 'yyyy-MM-dd HH:mm:ss'
}
]
},
treeData: [
{
id: 0,
label: '一级部门',
value: 0,
children: [
{
id: 1,
label: '一级部门1',
value: 0,
}
]
}],
data: []
selectionList: [],
loading: true,
page: {
total: 0,
pageSize: 20,
currentPage: 1
}
}
},
created() {
this.group();
this.profile();
},
methods:
{
onLoad() {
deviceApi.list(
{
page: {
current: this.page.currentPage,
size: this.page.pageSize
}
list(page) {
this.loading = true;
deviceApi.list(Object.assign({
page: {
current: page.currentPage,
size: page.pageSize
}
).then(res => {
}, this.query)).then(res => {
const data = res.data;
if (data.ok) {
this.page.total = data.data.total;
this.data = data.data.records;
}
this.page.total = data.total;
this.listData = data.records;
}).finally(() => {
this.loading = false;
});
},
rowSave(row, done, loading) {
deviceApi.add(row).then(res => {
loading();
const data = res.data;
if (data.ok) {
this.onLoad(this.page);
successMessage();
} else {
failMessage();
}
}, error => {
console.log(error);
group() {
groupApi.dictionary().then(res => {
this.listOption.column[this.$refs.crud.findColumnIndex('groupId')].dicData = res.data;
}).catch((e) => {
console.log(e);
});
done();
},
rowUpdate(row, index, done, loading) {
deviceApi.update(row).then(res => {
profile() {
profileApi.dictionary().then(res => {
this.listOption.column[this.$refs.crud.findColumnIndex('profileId')].dicData = res.data;
}).catch((e) => {
console.log(e);
});
},
listAdd(row, done, loading) {
deviceApi.add(row).then(() => {
loading();
const data = res.data;
if (data.ok) {
this.onLoad(this.page);
successMessage();
} else {
failMessage();
}
}, error => {
console.log(error);
this.list(this.page);
successMessage();
}).finally(() => {
done();
});
done();
},
rowDel(row) {
listDelete(row) {
this.$confirm('是否删除该条设备？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
return deviceApi.delete(row.id);
}).then(res => {
const data = res.data;
if (data.ok) {
this.onLoad(this.page);
successMessage();
} else {
failMessage();
}
}).then(() => {
this.list(this.page);
successMessage();
});
},
listUpdate(row, index, done, loading) {
deviceApi.update(row).then(() => {
loading();
this.list(this.page);
successMessage();
}).finally(() => {
done();
});
},
refreshChange() {
this.list(this.page);
},
currentChange(page) {
this.page.currentPage = page;
},
sizeChange(pageSize) {
this.page.pageSize = pageSize;
},
searchChange(params, done) {
this.query = params;
this.list(this.page);
done();
},
searchReset() {
this.query = {};
this.list(this.page);
}
}
}
</script>
<style lang="scss">
.avue-tree {
height: 876px;
}
</style>

6
vue.config.js
Unescape View File

@ -13,7 +13,7 @@ module.exports = {
}
},
'/user_api': {
target: 'http://localhost:8400',
target: 'http://dc3-auth:8300',
changeOrigin: true,
ws: true,
pathRewrite: {
@ -21,7 +21,7 @@ module.exports = {
}
},
'/device_api': {
target: 'http://localhost:8600',
target: 'http://dc3-manager:8400',
changeOrigin: true,
ws: true,
pathRewrite: {
@ -30,4 +30,4 @@ module.exports = {
}
}
}
};
};

10078
yarn.lock
View File

File diff suppressed because it is too large Load Diff
Write Preview
Loading…
Cancel
Save