zsysview 0.0.6 → 0.0.8

package/view/backup/backup.vue

@@ -0,0 +1,308 @@
+<template>
+  <breadcrumb />
+  <div style="padding: 0px 20px">
+    <el-tabs v-model="activeName">
+      <el-tab-pane label="备份记录" name="list">
+        <el-alert
+          title="如需还原备份点，请联系技术人员。"
+          type="info"
+          show-icon
+          :closable="false"
+          style="width: 450px"
+        />
+        <zsyslist :config="listconfig" module="backup" style="margin-top: 10px">
+          <template #headermain>
+            <el-button class="main_btn" type="primary" @click="startBackup"
+              >立即备份</el-button
+            >
+          </template>
+          <template #content>
+            <el-table-column prop="item_name" label="备份点" min-width="240" />
+            <el-table-column prop="size_desc" label="大小" width="200" />
+            <!-- <el-table-column label="操作" width="60">
+              <template #default="{ row }">
+                <el-space>
+                  <el-link type="primary">删除</el-link> -->
+                  <!-- <el-link type="primary"
+                                        @click="view.edit_id = BigInt(row.position_id); view.edit_dialog_show = true;">修改</el-link> -->
+                  <!-- <zsys_delbutton :id="BigInt(row.position_id)"
+                                        :api_url="HttpApiV1.url_position_del" /> -->
+                <!-- </el-space>
+              </template>
+            </el-table-column> -->
+          </template>
+        </zsyslist>
+      </el-tab-pane>
+      <el-tab-pane label="设置" name="setting">
+        <el-form label-width="100px" style="margin-top: 10px">
+          <el-form-item label="自动备份">
+            <el-switch v-model="form.auto" />
+          </el-form-item>
+          <div v-if="form.auto">
+            <el-form-item label="备份频次">
+              <el-space>
+                <el-select v-model="form.plan" style="width: 150px">
+                  <el-option label="每天" value="Everyday" />
+                  <el-option label="每周一" value="Monday" />
+                  <el-option label="每月第一天" value="FirstDayOfMonth" />
+                </el-select>
+                <el-select v-model="form.hour" style="width: 100px">
+                  <el-option label="00点" value="00" />
+                  <el-option label="01点" value="01" />
+                  <el-option label="02点" value="02" />
+                  <el-option label="03点" value="03" />
+                  <el-option label="04点" value="04" />
+                  <el-option label="05点" value="05" />
+                  <el-option label="06点" value="06" />
+                  <el-option label="07点" value="07" />
+                  <el-option label="08点" value="08" />
+                  <el-option label="09点" value="09" />
+                  <el-option label="10点" value="10" />
+                  <el-option label="11点" value="11" />
+                  <el-option label="12点" value="12" />
+                  <el-option label="13点" value="13" />
+                  <el-option label="14点" value="14" />
+                  <el-option label="15点" value="15" />
+                  <el-option label="16点" value="16" />
+                  <el-option label="17点" value="17" />
+                  <el-option label="18点" value="18" />
+                  <el-option label="19点" value="19" />
+                  <el-option label="20点" value="20" />
+                  <el-option label="21点" value="21" />
+                  <el-option label="22点" value="22" />
+                  <el-option label="23点" value="23" />
+                </el-select>
+                <el-select v-model="form.minute" style="width: 100px">
+                  <el-option label="00分" value="00" />
+                  <el-option label="15分" value="15" />
+                  <el-option label="30分" value="30" />
+                  <el-option label="45分" value="45" />
+                </el-select>
+              </el-space>
+            </el-form-item>
+            <el-form-item label="备份路径">
+              <el-space direction="vertical" :size="2" alignment="stretch">
+                <el-input style="width: 500px" />
+                <el-text type="info"
+                  >如果您使用的是物理主机，并且不具备磁盘阵列功能，强烈建议备份路径设置到第二个硬盘/U盘</el-text
+                >
+              </el-space>
+            </el-form-item>
+            <el-form-item label="保存选项">
+              <el-select v-model="form.keep" style="width: 200px">
+                <el-option label="保留最近20个备份" value="lastkeep20" />
+                <el-option label="保留最近10个备份" value="lastkeep10" />
+              </el-select>
+            </el-form-item>
+            <el-divider content-position="left" style="width: 400px"
+              >上传FTP</el-divider
+            >
+
+            <el-form-item label="启用/关闭">
+              <el-switch v-model="form.use_ftp" />
+              <el-text type="info" style="margin-left: 10px"
+                >上传FTP可以解决本机备份空间不足的问题</el-text
+              >
+            </el-form-item>
+            <div v-if="form.use_ftp">
+              <el-form-item label="FTP主机地址">
+                <el-space>
+                  <el-input v-model="form.f_host" style="width: 300px" />
+                  <el-text>端口</el-text>
+                  <el-input-number
+                    v-model="form.f_port"
+                    :min="1"
+                    :max="65535"
+                    :value-on-clear="21"
+                    style="width: 120px"
+                    controls-position="right"
+                  />
+                  <!-- <el-input v-model="form.f_port" style="width: 80px;" /> -->
+                </el-space>
+              </el-form-item>
+              <el-form-item label="FTP用户">
+                <el-input v-model="form.f_u" style="width: 200px" />
+              </el-form-item>
+              <el-form-item label="FTP密码">
+                <el-space direction="vertical" :size="2" alignment="stretch">
+                  <el-input
+                    v-model="form.f_p"
+                    type="password"
+                    style="width: 200px"
+                  />
+                  <el-text type="info"
+                    >这里不显示保存的密码，要修改时才输入</el-text
+                  >
+                </el-space>
+              </el-form-item>
+              <el-form-item label="FTP目录名">
+                <el-space direction="vertical" :size="2" alignment="stretch">
+                  <el-input v-model="form.f_path" style="width: 200px" />
+                  <el-text type="info"
+                    >多台机器备份到同一个FTP时可按目录名区分</el-text
+                  >
+                </el-space>
+              </el-form-item>
+              <el-form-item label="TLS">
+                <el-switch v-model="form.f_tls" />
+              </el-form-item>
+            </div>
+          </div>
+          <el-form-item>
+            <el-button type="primary" @click="saveConfig">应用设置</el-button>
+          </el-form-item>
+        </el-form>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+
+  <department_edit_dialog :id="view.edit_id" v-model="view.edit_dialog_show" />
+</template>
+
+<script setup lang="ts">
+import breadcrumb from "../main/breadcrumb.vue";
+import { ref, reactive, onMounted } from "vue";
+import { HttpApiV1 as http, HttpApiV1 } from "../../core/httpapi/http_api_v1";
+// import zsys_delbutton from "@/components/zsys/zsys_delbutton.vue";
+import zsyslist from "../../components/list/zsyslist.vue";
+import { type ListConfig } from "../../components/list/zsyslist.vue";
+// import { zsysEventBus } from "@/utils/zsys_eventBus";
+import { ZSYSMessage } from "../../components/message";
+
+const activeName = ref("list");
+
+// const eventBus = zsysEventBus();
+
+//============列表控件===========================
+const listconfig: ListConfig = reactive({
+  ApiUrl: HttpApiV1.url_backup_list,
+  QuickConditionsGroups: [],
+  HideBottomToolbar: true,
+});
+
+const view = reactive({
+  edit_id: BigInt(0),
+  edit_dialog_show: false,
+});
+
+interface BackupConfig {
+  auto: number;
+  plan: string;
+  hour: string;
+  minute: string;
+  path: string;
+  keep: string;
+  use_ftp: number;
+  f_host: string;
+  f_port: number;
+  f_u: string;
+  f_p: string;
+  f_path: string;
+  f_tls: number;
+}
+
+const form = reactive({
+  auto: true,
+  plan: "Everyday",
+  hour: "01",
+  minute: "00",
+  path: "",
+  keep: "keep20",
+  use_ftp: false,
+  f_host: "",
+  f_port: 21,
+  f_u: "",
+  f_p: "",
+  f_path: "",
+  f_tls: true,
+});
+
+const startBackup = async () => {
+  try {
+    let res = await http.Post(http.url_backup_start, {});
+    if (res.IsSuccess) {
+      ZSYSMessage.ShowSuccess("开始备份");
+    } else {
+      ZSYSMessage.ShowError(res.message);
+    }
+  } catch (e) {
+    console.log(e);
+    ZSYSMessage.ShowError("启动备份失败");
+  }
+};
+
+async function saveConfig() {
+  try {
+    let data = {
+      auto: form.auto ? 1 : 0,
+      plan: form.plan,
+      hour: form.hour,
+      minute: form.minute,
+      path: form.path,
+      keep: form.keep,
+      use_ftp: form.use_ftp ? 1 : 0,
+      f_host: form.f_host,
+      f_port: form.f_port,
+      f_u: form.f_u,
+      f_p: form.f_p,
+      f_path: form.f_path,
+      f_tls: form.f_tls ? 1 : 0,
+    };
+    let res = await http.Post(http.url_backup_config_save, data);
+    if (res.IsSuccess) {
+      ZSYSMessage.ShowSuccess("保存成功");
+    } else {
+      ZSYSMessage.ShowError(res.message);
+    }
+  } catch (e) {
+    console.log(e);
+    ZSYSMessage.ShowError("保存配置失败");
+  }
+}
+
+async function getConfig() {
+  try {
+    let res = await HttpApiV1.Post(HttpApiV1.url_backup_config_get, {});
+    if (res.IsSuccess) {
+      let data = res.data as BackupConfig;
+      form.auto = data.auto == 1 ? true : false;
+      form.plan = data.plan;
+      form.hour = data.hour;
+      form.minute = data.minute;
+      form.path = data.path;
+      form.keep = data.keep;
+      form.use_ftp = data.use_ftp == 1 ? true : false;
+      form.f_host = data.f_host;
+      form.f_port = data.f_port;
+      form.f_u = data.f_u;
+      form.f_p = data.f_p;
+      form.f_path = data.f_path;
+      form.f_tls = data.f_tls == 1 ? true : false;
+    } else {
+      ZSYSMessage.ShowError("获取备份配置失败");
+    }
+  } catch (e) {
+    ZSYSMessage.ShowError("获取备份配置失败");
+    console.log(e);
+  }
+}
+
+// //====基础
+onMounted(() => {
+  getConfig();
+  // eventBus.on('aud', aud_event);
+});
+
+// onUnmounted(() => {
+//     eventBus.off('aud', aud_event);
+// })
+
+// // 处理aud事件
+// const aud_event = (payload: { module: string, id: bigint }) => {
+//     if (payload.module = 'department') {
+//         getData()
+//     }
+// };
+</script>
+
+<style scoped></style>

package/view/building.vue

@@ -0,0 +1,22 @@
+<template>
+    <breadcrumb />
+    <div style="padding: 0px 20px; margin-top: 20px;">
+        <el-result icon="info" title="该功能开发中">
+        <template #sub-title>
+          <p>请期待</p>
+        </template>
+        <!-- <template #extra>
+          <el-button type="primary">Back</el-button>
+        </template> -->
+      </el-result>
+    </div>
+</template>
+
+<script setup lang="ts">
+import breadcrumb from './breadcrumb.vue';
+
+</script>
+
+<style scoped>
+
+</style>

package/view/department/department.vue

@@ -0,0 +1,111 @@
+<template>
+    <breadcrumb />
+    <div style="padding: 0px 20px;">
+        <el-tabs v-model="activeName">
+            <el-tab-pane label="组织架构" name="first">
+                <el-row>
+                    <el-col :span="24">
+                        <el-space :size="4" wrap>
+                            <el-button class="main_btn" type="primary"
+                                @click="view.edit_id = 0n; view.edit_dialog_show = true">新建</el-button>
+                            <el-tooltip content="刷新列表数据">
+                                <el-button :icon="Refresh" @click="refresh" />
+                            </el-tooltip>
+                        </el-space>
+                    </el-col>
+                </el-row>
+                <el-table :data="tableData" style="width: 100%; margin-bottom: 20px" row-key="department_id">
+                    <el-table-column prop="department_title" label="名称" min-width="300" />
+                    <el-table-column prop="department_sort" label="排序" width="80" />
+                    <el-table-column prop="department_title" label="操作" width="130">
+                        <template #default="{ row }">
+                            <el-space>
+                                <el-link type="primary"
+                                    @click="view.edit_id = BigInt(row.department_id); view.edit_dialog_show = true;">查看和编辑</el-link>
+                                <zsys_delbutton :id="BigInt(row.department_id)"
+                                    :api_url="HttpApiV1.url_department_del" />
+                            </el-space>
+                        </template>
+                    </el-table-column>
+                    <template #empty>
+                        <el-empty description="无相关部门数据" :image-size="100" />
+                    </template>
+                </el-table>
+            </el-tab-pane>
+            <el-tab-pane label="类型设置" name="second">
+                <el-alert title="暂只支持创建普通部门节点" type="info" show-icon :closable="false" />
+            </el-tab-pane>
+        </el-tabs>
+    </div>
+
+    <department_edit_dialog :id="view.edit_id" v-model="view.edit_dialog_show" />
+</template>
+
+<script setup lang="ts">
+import breadcrumb from '../main/breadcrumb.vue';
+import { ref, reactive, onMounted, onUnmounted } from 'vue'
+import { HttpApiV1 as http, HttpApiV1 } from '../../core/httpapi/http_api_v1';
+import { Refresh } from '@element-plus/icons-vue'
+import zsys_delbutton from '../../components/zsys_delbutton.vue';
+import { zsysEventBus } from '../../core/common/zsys_eventBus';
+import department_edit_dialog from './department_edit_dialog.vue';
+
+const activeName = ref('first')
+
+const eventBus = zsysEventBus()
+
+//============列表控件===========================
+interface Department {
+    department_id: bigint
+    department_sort: number
+    department_title: string
+    children?: Department[]
+}
+
+const tableData = ref<Department[]>([])
+
+const view = reactive({
+    edit_id: BigInt(0),
+    edit_dialog_show: false,
+})
+
+const refresh = () => {
+    getData()
+}
+
+const getData = async () => {
+    try {
+        let res = await http.Post(http.url_department_list, {})
+        if (res.IsSuccess) {
+            tableData.value = (res.data as { listdata: Department[] })?.listdata
+        }
+
+    } catch (e) {
+        console.log(e);
+
+    }
+}
+
+//=============新建和编辑弹窗
+
+
+//====基础
+onMounted(() => {
+    eventBus.on('aud', aud_event);
+    getData()
+})
+
+onUnmounted(() => {
+    eventBus.off('aud', aud_event);
+})
+
+// 处理aud事件
+const aud_event = (payload: { module: string, id: bigint }) => {
+    if (payload.module = 'department') {
+        getData()
+    }
+};
+
+</script>
+
+<style scoped></style>