14 changed files with 289 additions and 332 deletions
@ -0,0 +1,79 @@
@@ -0,0 +1,79 @@
|
||||
<template></template> |
||||
|
||||
<script lang="ts" setup> |
||||
import { useStore } from "vuex"; |
||||
import { get, post, put, delate } from "@/config/axios"; |
||||
import { reactive, onMounted, ref } from "vue"; |
||||
|
||||
const { state, commit, dispatch } = useStore(); |
||||
|
||||
const prop = defineProps({ |
||||
title: { |
||||
type: String, |
||||
default: 'Smoothed Line' |
||||
}, |
||||
name: { |
||||
type: String |
||||
}, |
||||
xAxis: { |
||||
type: Array, |
||||
default: [] |
||||
}, |
||||
data: { |
||||
type: Array, |
||||
default: [] |
||||
}, |
||||
markLine: { |
||||
type: String |
||||
}, |
||||
unit: { |
||||
type: String |
||||
} |
||||
}) |
||||
|
||||
const options = { |
||||
title: { |
||||
text: "",//标题 |
||||
left: "center" |
||||
}, |
||||
tooltip: { |
||||
trigger: "axis", |
||||
formatter: '{b}' + '<br>' + |
||||
'<span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:#5470c6"></span>' |
||||
+ '<span style="float:right;margin-left:10px;font-size:14px;color:#666;font-weight:900"/>' + '{c}' + '次' |
||||
}, |
||||
xAxis: { |
||||
type: "category", |
||||
data: [] |
||||
}, |
||||
yAxis: { |
||||
type: "value" |
||||
}, |
||||
series: [ |
||||
{ |
||||
data: [], |
||||
type: "line", |
||||
smooth: true, |
||||
markLine: { |
||||
symbol: 'none', //['none']表示是一条横线;['arrow', 'none']表示线的左边是箭头,右边没右箭头;['none','arrow']表示线的左边没有箭头,右边有箭头 |
||||
label: { |
||||
position: "end" //将警示值放在哪个位置,三个值“start”,"middle","end" 开始 中点 结束 |
||||
}, |
||||
data: [{ |
||||
silent: false, //鼠标悬停事件 true没有,false有 |
||||
lineStyle: { //警戒线的样式 ,虚实 颜色 |
||||
type: "solid", //样式 ‘solid’和'dotted' |
||||
color: "#FA3934" |
||||
}, |
||||
yAxis: 22 // 警戒线的标注值,可以有多个yAxis,多条警示线 或者采用 {type : 'average', name: '平均值'},type值有 max min average,分为最大,最小,平均值 |
||||
}] |
||||
} |
||||
}, |
||||
], |
||||
}; |
||||
|
||||
onMounted(() => { }); |
||||
</script> |
||||
<style lang="scss" scoped> |
||||
//@import url(); 引入公共css类 |
||||
</style> |
@ -1,14 +1,79 @@
@@ -1,14 +1,79 @@
|
||||
<template> |
||||
<SearchRow :title="t('config.title')" :del="false" :add="false" @query="query"></SearchRow> |
||||
|
||||
<ListTable @query="query" :props="props" :example="example" :page="true" :data="result"> |
||||
<template #action="{ row }"> |
||||
<TableAction @modify="modify(row)" :del="false"> |
||||
</TableAction> |
||||
</template> |
||||
</ListTable> |
||||
|
||||
<el-dialog :title="t('base.modify') + t('config.name')" v-model="flag.modify" :close-on-click-modal="false" |
||||
top="15vh" width="40%" @keydown.enter.native="confirm"> |
||||
<ModifyForm ref="form" :param="config" :rules="rules" :items="items" @confirm="confirm" :width="100" |
||||
@cancel="flag.modify = false"> |
||||
</ModifyForm> |
||||
</el-dialog> |
||||
</template> |
||||
|
||||
<script lang="ts" setup> |
||||
import { useStore } from "vuex"; |
||||
import { reactive, onMounted, ref } from "vue"; |
||||
import { Api, ListTable, SearchRow, NoobInput, TableAction, NoobSelect, NoobButton, ModifyForm, Element, PageResult, PageExample } from "noob-mengyxu"; |
||||
import { useI18n } from "vue3-i18n"; |
||||
const { t } = useI18n(); |
||||
|
||||
const { state, commit, dispatch } = useStore(); |
||||
const { list, set } = Api.config; |
||||
const { SimpleRequired } = Element; |
||||
const result = ref(new PageResult()); |
||||
const example = reactive<any>(new PageExample()); |
||||
const flag = reactive({ |
||||
modify: false, |
||||
}) |
||||
const form = ref(); |
||||
const config = ref<any>(); |
||||
|
||||
const props = [ |
||||
{ i18n: 'config.prop.0', code: 'cfgKey', width: 120 }, |
||||
{ i18n: 'config.prop.1', code: 'cfgName', width: 120 }, |
||||
{ i18n: 'config.prop.2', code: 'cfgValue', width: 120 }, |
||||
{ i18n: 'config.prop.3', code: 'cfgType', width: 120 }, |
||||
{ i18n: 'config.prop.4', code: 'cfgDesc', width: 180 }, |
||||
{ i18n: 'config.prop.5', code: 'cfgStatus', width: 180, dict: 'active_status' }, |
||||
{ i18n: 'config.prop.6', code: 'updateTime', width: 180 }, |
||||
{ i18n: 'config.prop.7', code: 'updateUser', width: 180, }, |
||||
{ i18n: 'config.prop.8', code: 'action', slot: true, width: 120, fixed: 'right' } |
||||
] |
||||
|
||||
const rules = { |
||||
cfgValue: [new SimpleRequired('config.prop.2')] |
||||
} |
||||
|
||||
const items = [ |
||||
{ i18n: 'config.prop.2', code: 'cfgValue' }, |
||||
]; |
||||
|
||||
const query = () => { |
||||
flag.modify = false; |
||||
list(example).then((rsp: any) => result.value = rsp) |
||||
} |
||||
|
||||
|
||||
const modify = row => { |
||||
config.value = JSON.parse(JSON.stringify(row)) |
||||
form.value?.clearValidate(); |
||||
flag.modify = true; |
||||
} |
||||
|
||||
const confirm = () => { |
||||
set(config.value).then(query) |
||||
} |
||||
|
||||
onMounted(() => {}); |
||||
onMounted(() => { |
||||
query(); |
||||
dispatch("getDictMap", ['active_status']) |
||||
}); |
||||
</script> |
||||
<style lang="scss" scoped> |
||||
//@import url(); 引入公共css类 |
||||
</style> |
||||
//@import url(); 引入公共css类</style> |
@ -0,0 +1,88 @@
@@ -0,0 +1,88 @@
|
||||
import { get, post, put, delate } from '../http/axios'; |
||||
import { PageResult } from '../constant'; |
||||
const pageResult = new PageResult(); |
||||
|
||||
export const queryPage = (url, example) => { |
||||
return new Promise((resolve, reject) => { |
||||
get(url, example).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve(pageResult); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve(pageResult); |
||||
} |
||||
); |
||||
}); |
||||
}; |
||||
|
||||
export const queryList = (url, example?) => { |
||||
return new Promise((resolve, reject) => { |
||||
get(url, example).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve([]); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve([]); |
||||
} |
||||
); |
||||
}); |
||||
}; |
||||
|
||||
export const save = (url, role) => { |
||||
return new Promise((resolve, reject) => { |
||||
post(url, role).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve(false); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve(false); |
||||
} |
||||
); |
||||
}); |
||||
}; |
||||
|
||||
export const update = (url, role) => { |
||||
return new Promise((resolve, reject) => { |
||||
put(url, role).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve(false); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve(false); |
||||
} |
||||
); |
||||
}); |
||||
}; |
||||
|
||||
export const deleteById = (url, id) => { |
||||
return new Promise((resolve, reject) => { |
||||
delate(url + '/' + id).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve(false); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve(false); |
||||
} |
||||
); |
||||
}); |
||||
}; |
@ -0,0 +1,9 @@
@@ -0,0 +1,9 @@
|
||||
import { queryPage, update } from './base'; |
||||
const root = 'config'; |
||||
export const list = (example) => { |
||||
return queryPage(root, example); |
||||
}; |
||||
|
||||
export const set = (config) => { |
||||
return update(root, config); |
||||
}; |
@ -1,20 +1,5 @@
@@ -1,20 +1,5 @@
|
||||
import { get } from '../http/axios'; |
||||
import { PageResult } from '../constant'; |
||||
const pageResult = new PageResult(); |
||||
import { queryPage } from './base'; |
||||
const root = 'log/action'; |
||||
export const list = (example) => { |
||||
return new Promise((resolve, reject) => { |
||||
get(root, example).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve(pageResult); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve(pageResult); |
||||
} |
||||
); |
||||
}); |
||||
return queryPage(root, example); |
||||
}; |
||||
|
@ -1,88 +1,23 @@
@@ -1,88 +1,23 @@
|
||||
import { get, post, put, delate } from '../http/axios'; |
||||
import { queryList, save, update, deleteById } from './base'; |
||||
const root = 'permission'; |
||||
const publik = 'public/permission'; |
||||
|
||||
export const list = (example) => { |
||||
return new Promise((resolve, reject) => { |
||||
get(root, example).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve([]); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve([]); |
||||
} |
||||
); |
||||
}); |
||||
return queryList(root, example); |
||||
}; |
||||
|
||||
export const add = (permission) => { |
||||
return new Promise((resolve, reject) => { |
||||
post(root, permission).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve(false); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve(false); |
||||
} |
||||
); |
||||
}); |
||||
return save(root, permission); |
||||
}; |
||||
|
||||
export const set = (permission) => { |
||||
return new Promise((resolve, reject) => { |
||||
put(root, permission).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve(false); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve(false); |
||||
} |
||||
); |
||||
}); |
||||
return update(root, permission); |
||||
}; |
||||
|
||||
export const del = (permission) => { |
||||
return new Promise((resolve, reject) => { |
||||
delate(root + '/' + permission.id).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve(false); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve(false); |
||||
} |
||||
); |
||||
}); |
||||
return deleteById(root, permission.id); |
||||
}; |
||||
|
||||
export const tree = () => { |
||||
return new Promise((resolve, reject) => { |
||||
get(publik).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve([]); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve([]); |
||||
} |
||||
); |
||||
}); |
||||
return queryList(publik); |
||||
}; |
||||
|
@ -1,88 +1,23 @@
@@ -1,88 +1,23 @@
|
||||
import { get, post, put, delate } from '../http/axios'; |
||||
import { queryList, save, update, deleteById } from './base'; |
||||
const root = 'role'; |
||||
const publik = 'public/roles'; |
||||
|
||||
export const list = (example) => { |
||||
return new Promise((resolve, reject) => { |
||||
get(root, example).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve([]); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve([]); |
||||
} |
||||
); |
||||
}); |
||||
return queryList(root, example); |
||||
}; |
||||
|
||||
export const mapping = () => { |
||||
return new Promise((resolve, reject) => { |
||||
get(publik).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve([]); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve([]); |
||||
} |
||||
); |
||||
}); |
||||
return queryList(publik); |
||||
}; |
||||
|
||||
export const add = (role) => { |
||||
return new Promise((resolve, reject) => { |
||||
post(root, role).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve(false); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve(false); |
||||
} |
||||
); |
||||
}); |
||||
return save(root, role); |
||||
}; |
||||
|
||||
export const set = (role) => { |
||||
return new Promise((resolve, reject) => { |
||||
put(root, role).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve(false); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve(false); |
||||
} |
||||
); |
||||
}); |
||||
return update(root, role); |
||||
}; |
||||
|
||||
export const del = (role) => { |
||||
return new Promise((resolve, reject) => { |
||||
delate(root + '/' + role.roleCode).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve(false); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve(false); |
||||
} |
||||
); |
||||
}); |
||||
return deleteById(root, role.roleCode); |
||||
}; |
||||
|
@ -1,105 +1,28 @@
@@ -1,105 +1,28 @@
|
||||
import { get, post, put, delate } from '../http/axios'; |
||||
import { queryList, save, update, deleteById } from './base'; |
||||
const root = 'user'; |
||||
const pwdUrl = 'user/password'; |
||||
|
||||
export const list = (example) => { |
||||
return new Promise((resolve, reject) => { |
||||
get(root, example).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve([]); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve([]); |
||||
} |
||||
); |
||||
}); |
||||
return queryList(root, example); |
||||
}; |
||||
|
||||
export const add = (user) => { |
||||
return new Promise((resolve, reject) => { |
||||
post(root, user).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve(false); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve(false); |
||||
} |
||||
); |
||||
}); |
||||
return save(root, user); |
||||
}; |
||||
|
||||
export const updatePwd = (pwd) => { |
||||
return new Promise((resolve, reject) => { |
||||
put(pwdUrl, pwd).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve(false); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve(false); |
||||
} |
||||
); |
||||
}); |
||||
return update(pwdUrl, pwd); |
||||
}; |
||||
|
||||
export const set = (user) => { |
||||
return new Promise((resolve, reject) => { |
||||
put(root, user).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve(false); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve(false); |
||||
} |
||||
); |
||||
}); |
||||
return update(root, user); |
||||
}; |
||||
|
||||
export const del = (user) => { |
||||
return new Promise((resolve, reject) => { |
||||
delate(root + '/' + user.userId).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve(false); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve(false); |
||||
} |
||||
); |
||||
}); |
||||
return deleteById(root, user.userId); |
||||
}; |
||||
|
||||
export const reset = (user) => { |
||||
return new Promise((resolve, reject) => { |
||||
put(root + '/' + user.userId).then( |
||||
(rsp: any) => { |
||||
if (rsp) { |
||||
resolve(rsp); |
||||
} else { |
||||
resolve(false); |
||||
} |
||||
}, |
||||
(err) => { |
||||
resolve(false); |
||||
} |
||||
); |
||||
}); |
||||
return update(root + '/' + user.userId, {}); |
||||
}; |
||||
|
Loading…
Reference in new issue