添加配置管理

package.json

@@ -1,6 +1,6 @@
 {
     "name": "noob-mengyxu",
-    "version": "0.3.1",
+    "version": "0.3.2",
     "main": "index.ts",
     "module": "index.ts",
     "keywords": [

packages/echarts/line/smoothed.vue

@@ -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>

packages/manage/views/config.vue

@@ -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类
+//@import url(); 引入公共css类</style>
-</style>

plugs/api/base.ts

@@ -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);
+      }
+    );
+  });
+};

plugs/api/buffer.ts

@@ -1,21 +1,9 @@
-import { get, post, put, delate } from '../http/axios';
+import { delate } from '../http/axios';
-const root = 'memory/buffer';
+import { queryList, update, deleteById } from './base';
+const root = 'buffer';
 
 export const list = () => {
-  return new Promise((resolve, reject) => {
+  return queryList(root);
-    get(root).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve([]);
-        }
-      },
-      (err) => {
-        resolve([]);
-      }
-    );
-  });
 };
 
 export const clean = () => {
@@ -36,31 +24,9 @@ export const clean = () => {
 };
 
 export const set = (buffer) => {
-  return new Promise((resolve, reject) => {
+  return update(root, buffer);
-    put(root, buffer).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        }
-      },
-      (err) => {}
-    );
-  });
 };
 
 export const del = (buffer) => {
-  return new Promise((resolve, reject) => {
+  return deleteById(root, buffer.key);
-    delate(root + '/' + buffer.key).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve(false);
-        }
-      },
-      (err) => {
-        resolve(false);
-      }
-    );
-  });
 };

plugs/api/config.ts

@@ -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);
+};

plugs/api/dictionary.ts

@@ -1,57 +1,17 @@
-import { get, post, put, delate } from '../http/axios';
+import { delate } from '../http/axios';
-import { PageResult } from '../constant';
+import { queryPage, save, update } from './base';
-const pageResult = new PageResult();
 const root = 'dict';
 
 export const list = (example) => {
-  return new Promise((resolve, reject) => {
+  return queryPage(root, example);
-    get(root, example).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve(pageResult);
-        }
-      },
-      (err) => {
-        resolve(pageResult);
-      }
-    );
-  });
 };
 
 export const add = (dictionary) => {
-  return new Promise((resolve, reject) => {
+  return save(root, dictionary);
-    post(root, dictionary).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve(false);
-        }
-      },
-      (err) => {
-        resolve(false);
-      }
-    );
-  });
 };
 
 export const set = (dictionary) => {
-  return new Promise((resolve, reject) => {
+  return update(root, dictionary);
-    put(root, dictionary).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve(false);
-        }
-      },
-      (err) => {
-        resolve(false);
-      }
-    );
-  });
 };
 
 export const del = (dictionary) => {

plugs/api/index.ts

@@ -4,4 +4,5 @@ export * as permission from './permission';
 export * as role from './role';
 export * as user from './user';
 export * as buffer from './buffer';
+export * as config from './config';
 export * as pub from './public';

plugs/api/log.ts

@@ -1,20 +1,5 @@
-import { get } from '../http/axios';
+import { queryPage } from './base';
-import { PageResult } from '../constant';
-const pageResult = new PageResult();
 const root = 'log/action';
 export const list = (example) => {
-  return new Promise((resolve, reject) => {
+  return queryPage(root, example);
-    get(root, example).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve(pageResult);
-        }
-      },
-      (err) => {
-        resolve(pageResult);
-      }
-    );
-  });
 };

plugs/api/permission.ts

@@ -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) => {
+  return queryList(root, example);
-    get(root, example).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve([]);
-        }
-      },
-      (err) => {
-        resolve([]);
-      }
-    );
-  });
 };
 
 export const add = (permission) => {
-  return new Promise((resolve, reject) => {
+  return save(root, permission);
-    post(root, permission).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve(false);
-        }
-      },
-      (err) => {
-        resolve(false);
-      }
-    );
-  });
 };
 
 export const set = (permission) => {
-  return new Promise((resolve, reject) => {
+  return update(root, permission);
-    put(root, permission).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve(false);
-        }
-      },
-      (err) => {
-        resolve(false);
-      }
-    );
-  });
 };
 
 export const del = (permission) => {
-  return new Promise((resolve, reject) => {
+  return deleteById(root, permission.id);
-    delate(root + '/' + permission.id).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve(false);
-        }
-      },
-      (err) => {
-        resolve(false);
-      }
-    );
-  });
 };
 
 export const tree = () => {
-  return new Promise((resolve, reject) => {
+  return queryList(publik);
-    get(publik).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve([]);
-        }
-      },
-      (err) => {
-        resolve([]);
-      }
-    );
-  });
 };

plugs/api/role.ts

@@ -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) => {
+  return queryList(root, example);
-    get(root, example).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve([]);
-        }
-      },
-      (err) => {
-        resolve([]);
-      }
-    );
-  });
 };
 
 export const mapping = () => {
-  return new Promise((resolve, reject) => {
+  return queryList(publik);
-    get(publik).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve([]);
-        }
-      },
-      (err) => {
-        resolve([]);
-      }
-    );
-  });
 };
 
 export const add = (role) => {
-  return new Promise((resolve, reject) => {
+  return save(root, role);
-    post(root, role).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve(false);
-        }
-      },
-      (err) => {
-        resolve(false);
-      }
-    );
-  });
 };
 
 export const set = (role) => {
-  return new Promise((resolve, reject) => {
+  return update(root, role);
-    put(root, role).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve(false);
-        }
-      },
-      (err) => {
-        resolve(false);
-      }
-    );
-  });
 };
 
 export const del = (role) => {
-  return new Promise((resolve, reject) => {
+  return deleteById(root, role.roleCode);
-    delate(root + '/' + role.roleCode).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve(false);
-        }
-      },
-      (err) => {
-        resolve(false);
-      }
-    );
-  });
 };

plugs/api/user.ts

@@ -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) => {
+  return queryList(root, example);
-    get(root, example).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve([]);
-        }
-      },
-      (err) => {
-        resolve([]);
-      }
-    );
-  });
 };
 
 export const add = (user) => {
-  return new Promise((resolve, reject) => {
+  return save(root, user);
-    post(root, user).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve(false);
-        }
-      },
-      (err) => {
-        resolve(false);
-      }
-    );
-  });
 };
 
 export const updatePwd = (pwd) => {
-  return new Promise((resolve, reject) => {
+  return update(pwdUrl, pwd);
-    put(pwdUrl, pwd).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve(false);
-        }
-      },
-      (err) => {
-        resolve(false);
-      }
-    );
-  });
 };
 
 export const set = (user) => {
-  return new Promise((resolve, reject) => {
+  return update(root, user);
-    put(root, user).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve(false);
-        }
-      },
-      (err) => {
-        resolve(false);
-      }
-    );
-  });
 };
 
 export const del = (user) => {
-  return new Promise((resolve, reject) => {
+  return deleteById(root, user.userId);
-    delate(root + '/' + user.userId).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve(false);
-        }
-      },
-      (err) => {
-        resolve(false);
-      }
-    );
-  });
 };
 
 export const reset = (user) => {
-  return new Promise((resolve, reject) => {
+  return update(root + '/' + user.userId, {});
-    put(root + '/' + user.userId).then(
-      (rsp: any) => {
-        if (rsp) {
-          resolve(rsp);
-        } else {
-          resolve(false);
-        }
-      },
-      (err) => {
-        resolve(false);
-      }
-    );
-  });
 };

plugs/i18n/en.ts

@@ -142,4 +142,10 @@ export default class English {
     delete: ['Are you sure you want to delete this cache?', 'Tips'],
     delay: ['Please enter an expiration time(yyyy-MM-dd HH:mm:ss)', 'Modify'],
   };
+
+  config = {
+    title: 'Config manage',
+    name: 'config',
+    prop: ['Key', 'Name', 'Value', 'Type', 'Descript', 'Status', 'Last Time', 'Last User', 'Action'],
+  };
 }

plugs/i18n/zh.ts

@@ -138,4 +138,9 @@ export default class Zh {
     delete: ['确定要删除此条缓存吗？', '提示'],
     delay: ['请输入失效时间(yyyy-MM-dd HH:mm:ss)', '修改'],
   };
+  config = {
+    title: '配置管理',
+    name: '配置',
+    prop: ['配置编码', '配置名称', '配置值', '配置类型', '配置描述', '配置状态', '最后修改时间', '最后修改用户', '操作'],
+  };
 }