Merge branch 'main' of https://git.bzvs.cn/pay/pay-ui

agent-ui/src/views/welcome/bind.vue

@@ -13,18 +13,13 @@ const initData = {
   code: undefined
 };
 
-// 表单校验规则
-const formRules = reactive({
-  code: [{ required : true, message: '验证码不能为空'}]
-});
-
 // 页面数据
 const pageData: any = reactive({
   code: "",
   // 表单数据
   formData: initData,
   formRules: {
-    code: [{ required: true, message: "请选择验证码", trigger: "blur" }]
+    code: [{ required: true, message: "验证码不能为空", trigger: "blur" }]
   }
 });
 // 暴露给父级调用
@@ -38,11 +33,6 @@ const open = (data: any, dataSource: any, mode: string) => {
   isDetail.value = false;
   pageData.dialogVisible = true;
 };
-// 关闭弹窗
-const handleClose = () => {
-  pageData.dialogVisible = false;
-  emits("close");
-};
 // 确定并关闭弹窗
 const handleConfirm = () => {
   formRef.value!.validate((isValid: boolean) => {

agent-ui/src/views/welcome/index.vue

@@ -22,7 +22,7 @@ onMounted(() => {
         >Always</el-card
       >
     </div>
-<!--    <bind ref="bindRef" />-->
+    <bind ref="bindRef" />
   </div>
 </template>
 

agent-ui/views/business/template/hook/template-edit.vue

@@ -1,145 +0,0 @@
-<script setup lang="ts">
-import { reactive, ref } from "vue";
-import * as api from "@/api/sys/user";
-import { message } from "@/utils/message";
-import type { FormInstance } from "element-plus";
-import { cloneDeep } from "@pureadmin/utils";
-
-const title = "";
-defineOptions({ name: "templateEdit" });
-const isDetail = ref(false);
-const formRef = ref<FormInstance>();
-// 初始化数据
-const initData = {
-  username: undefined,
-  password: undefined,
-  status: 1
-};
-
-// 表单校验规则
-const formRules = {};
-
-// 页面数据
-const pageData: any = reactive({
-  dialogVisible: false,
-  title: "",
-  formLoading: false,
-  mode: "add",
-  isUpdate: false,
-  // 表单数据
-  formData: initData,
-  formRules: formRules
-});
-// 暴露给父级调用
-const emits = defineEmits(["ok", "close"]);
-// 打开弹窗
-const open = (data: any, dataSource: any, mode: string) => {
-  pageData.formData = cloneDeep(data) || initData;
-  if (mode === "edit") {
-    pageData.title = `${title} - 编辑`;
-    isDetail.value = false;
-  } else if (mode === "detail") {
-    pageData.title = `${title} - 查看`;
-    isDetail.value = true;
-  } else {
-    pageData.title = `${title} - 新增`;
-    isDetail.value = false;
-  }
-  pageData.dataSource = dataSource;
-  pageData.isUpdate = !!pageData.formData.id;
-  pageData.dialogVisible = true;
-};
-// 关闭弹窗
-const handleClose = () => {
-  pageData.dialogVisible = false;
-  emits("close");
-};
-// 确定并关闭弹窗
-const handleConfirm = () => {
-  formRef.value!.validate((isValid: boolean) => {
-    if (isValid) {
-      const { id } = pageData.formData;
-      if (id) {
-        _update();
-      } else {
-        _save();
-      }
-    } else {
-      message("表单校验失败", { type: "warning" });
-    }
-  });
-};
-const _save = () => {
-  pageData.formLoading = true;
-  const _data = cloneDeep(pageData.formData);
-  api
-    .save(_data)
-    .then((res: any) => {
-      if (res.success) {
-        _confirm();
-      } else {
-        message(res.message, { type: "warning" });
-      }
-    })
-    .finally(() => {
-      pageData.formLoading = false;
-    });
-};
-const _update = () => {
-  pageData.formLoading = true;
-  const _data = cloneDeep(pageData.formData);
-  api
-    .update(pageData.formData.id, _data)
-    .then((res: any) => {
-      if (res.success) {
-        _confirm();
-      } else {
-        message(res.message, { type: "warning" });
-      }
-    })
-    .finally(() => {
-      pageData.formLoading = false;
-    });
-};
-const _confirm = () => {
-  pageData.dialogVisible = false;
-  emits("ok");
-};
-defineExpose({ open });
-</script>
-
-<template>
-  <el-dialog v-model="pageData.dialogVisible" destroy-on-close :width="500">
-    <template #header>
-      <el-text class="mx-1" type="primary" size="large">{{
-        pageData.title
-      }}</el-text>
-    </template>
-    <div class="el-dialog-content">
-      <el-form
-        ref="formRef"
-        :model="pageData.formData"
-        style="width: 90%; margin: 20px auto 0"
-        label-width="auto"
-        :rules="pageData.formRules"
-        :loading="pageData.formLoading"
-      >
-        <el-form-item label="用户名" prop="username">
-          <el-input
-            v-model="pageData.formData.username"
-            clearable
-            placeholder="请输入名称"
-            size="small"
-            :readonly="isDetail"
-          />
-        </el-form-item>
-      </el-form>
-    </div>
-    <template #footer>
-      <el-button v-if="!isDetail" @click="handleClose">取消</el-button>
-      <el-button v-if="!isDetail" type="primary" @click="handleConfirm"
-        >确认</el-button
-      >
-    </template>
-  </el-dialog>
-</template>

agent-ui/views/business/template/hook/template-list.vue

@@ -1,355 +0,0 @@
-<script setup lang="ts">
-import FormSearch, { type FormField } from "@/components/opts/form-search.vue";
-import TableButtons from "@/components/opts/btns2.vue";
-import Edit from "./template-edit.vue";
-import { PureTable } from "@pureadmin/table";
-import { computed, onBeforeMount, onMounted, reactive, ref, watch } from "vue";
-import * as $api from "@/api/sys/user";
-import { hasAuth } from "@/router/utils";
-import message from "@/utils/message";
-import { enableOptions } from "@/constants/constants";
-import { cloneDeep } from "@pureadmin/utils";
-
-const editRef = ref();
-defineOptions({
-  name: "templateList"
-});
-const props: any = defineProps({
-  mode: {
-    required: false,
-    type: String,
-    default: "table"
-  }
-});
-const searchFormFields = computed((): FormField[] => {
-  const fields: FormField[] = [
-    {
-      type: "input",
-      label: "用户名",
-      prop: "username",
-      placeholder: "请输入用户名模糊查询"
-    },
-    {
-      type: "select",
-      label: "状态",
-      prop: "status",
-      placeholder: "请选择",
-      dataSourceKey: "enableOptions",
-      options: {
-        keys: {
-          label: "label",
-          value: "value",
-          prop: "value"
-        },
-        filterable: true
-      }
-    }
-  ];
-  if (props.mode === "table") {
-    return fields;
-  } else {
-    return fields;
-  }
-});
-const pageData: any = reactive({
-  mode: "table",
-  permission: {
-    query: ["user:query"],
-    save: ["user:save"],
-    update: ["user:update"],
-    del: ["user:del"]
-  },
-  searchParam: {
-    searchState: true,
-    searchForm: {}
-  },
-  dataSource: {
-    enableOptions: enableOptions
-  },
-  /*按钮 */
-  btnOpts: {
-    size: "small",
-    leftBtns: [
-      {
-        key: "add",
-        label: "新增",
-        type: "primary",
-        icon: "ep:plus",
-        state: true,
-        permission: ["user:save"]
-      }
-    ],
-    rightBtns: [
-      {
-        key: "search",
-        label: "查询",
-        icon: "ep:search",
-        state: true,
-        options: {
-          circle: true
-        }
-      },
-      {
-        key: "refresh",
-        label: "刷新",
-        icon: "ep:refresh",
-        state: true,
-        options: {
-          circle: true
-        }
-      }
-    ]
-  },
-  tableParam: {
-    list: [],
-    columns: [
-      {
-        label: "ID",
-        prop: "id",
-        slot: "id",
-        width: 220
-      },
-      {
-        label: "用户名",
-        prop: "username",
-        slot: "username"
-      },
-      {
-        label: "状态",
-        prop: "status",
-        slot: "status"
-      },
-      {
-        label: "更新时间",
-        prop: "updateTime",
-        slot: "updateTime"
-      },
-      {
-        label: "操作",
-        fixed: "right",
-        slot: "operation"
-      }
-    ],
-    loading: false,
-    pagination: {
-      small: true,
-      pageSize: 10,
-      defaultPageSize: 10,
-      currentPage: 1,
-      background: true,
-      total: 0
-    }
-  }
-});
-const btnClickHandle = (val: string) => {
-  switch (val) {
-    case "add":
-      editRef.value!.open({ enable: 1 }, pageData.dataSource, "add");
-      break;
-    case "update":
-      break;
-    case "search":
-      _updateSearchState();
-      break;
-    case "refresh":
-      _loadData();
-      break;
-    case "switch":
-      break;
-    default:
-      break;
-  }
-};
-/**
- *  更新搜索表单
- * @param data .
- */
-const _updateSearchFormData = (data: any) => {
-  pageData.searchParam.searchForm = data;
-};
-/**
- * 点击搜索按钮
- */
-const _searchForm = (data: any) => {
-  pageData.searchParam.searchForm = data;
-  _loadData();
-};
-/**
- * 重置
- */
-const _resetSearchForm = (data?: any) => {
-  pageData.searchParam.searchForm = data;
-};
-/**
- * 更新搜索表达的状态
- */
-const _updateSearchState = () => {
-  pageData.searchParam.searchState = !pageData.searchParam.searchState;
-};
-/**
- * 分页 - 改变每页条数
- * @param val .
- */
-const handleChangePageSize = (val: any) => {
-  pageData.tableParam.pagination.pageSize = val;
-  _loadData();
-};
-/**
- * 分页 - 改变页码
- * @param val .
- */
-const handleChangeCurrentPage = (val: any) => {
-  pageData.tableParam.pagination.currentPage = val;
-  _loadData();
-};
-/**
- * 获取查询参数
- */
-const getQueryParams = () => {
-  const sqp = {};
-  const param = Object.assign(sqp, pageData.searchParam.searchForm);
-  param.current = pageData.tableParam.pagination.currentPage;
-  param.size = pageData.tableParam.pagination.pageSize;
-  return param;
-};
-/**
- * 获取列表数据
- * @param page .
- */
-const _loadData = (page?: number) => {
-  const query = getQueryParams();
-  if (page) {
-    query.current = page;
-  }
-  pageData.tableParam.loading = true;
-  $api
-    .queryPage(query)
-    .then((res: any) => {
-      if (res.success) {
-        pageData.tableParam.list = res.result.records;
-        pageData.tableParam.pagination.total = Number(res.result.total);
-      }
-    })
-    .finally(() => {
-      pageData.tableParam.loading = false;
-    });
-};
-/**
- * 查看详情
- * @param row .
- */
-const handleDetail = (row: any) => {
-  editRef.value!.open(cloneDeep(row), pageData.dataSource, "detail");
-};
-/**
- * 编辑
- * @param row .
- */
-const handleEdit = (row: any) => {
-  editRef.value!.open(cloneDeep(row), pageData.dataSource, "edit");
-};
-/**
- * 删除
- * @param row .
- */
-const handleDel = (row: any) => {
-  message.confirm(`确认删除 id 为 (${row.id}) 的数据？`).then(() => {
-    batchDel([row.id]);
-  });
-};
-/**
- * 批量删除
- * @param ids .
- */
-const batchDel = (ids: string[]) => {
-  if (ids && ids.length > 0) {
-    $api.del(ids).then((res: any) => {
-      if (res.success) {
-        message.success("删除成功");
-        _loadData();
-      } else {
-        message.warning(res.message);
-      }
-    });
-  }
-};
-watch(
-  () => props.orgInfo,
-  val => {
-    if (val) {
-      _loadData();
-    }
-  }
-);
-onBeforeMount(() => {});
-onMounted(() => {
-  _loadData(1);
-});
-</script>
-
-<template>
-  <div>
-    <form-search
-      size="small"
-      :show="pageData.searchParam.searchState"
-      :form-field="searchFormFields"
-      :data-source="pageData.dataSource"
-      :query-permission="pageData.permission.query"
-      @search-form="_updateSearchFormData"
-      @search="_searchForm"
-      @reset="_resetSearchForm"
-    />
-    <!--operate-->
-    <table-buttons
-      :size="pageData.btnOpts.size"
-      :left-btns="pageData.btnOpts.leftBtns"
-      :right-btns="pageData.btnOpts.rightBtns"
-      @click="btnClickHandle"
-    />
-    <!--table-->
-    <pure-table
-      :data="pageData.tableParam.list"
-      :columns="pageData.tableParam.columns"
-      row-key="id"
-      size="small"
-      border
-      stripe
-      :header-row-class-name="'table-header'"
-      :loading="pageData.tableParam.loading"
-      :pagination="pageData.tableParam.pagination"
-      @page-current-change="handleChangeCurrentPage"
-      @page-size-change="handleChangePageSize"
-    >
-      <template #ellipsis="{ row, column }">
-        <el-tooltip placement="top-start" :content="row[column.property]"
-          >{{ row[column.property] }}
-        </el-tooltip>
-      </template>
-      <template #enableScope="scope">
-        <el-tag v-if="scope.row.enable">启用</el-tag>
-        <el-tag v-else type="info">禁用</el-tag>
-      </template>
-      <template #operation="{ row }">
-        <div class="flex justify-center items-center">
-          <el-link
-            v-show="hasAuth(pageData.permission.update)"
-            type="primary"
-            @click="handleEdit(row)"
-            >编辑
-          </el-link>
-          <el-divider
-            v-show="hasAuth(pageData.permission.del)"
-            direction="vertical"
-          />
-          <el-link
-            v-show="hasAuth(pageData.permission.del)"
-            type="primary"
-            @click="handleDel(row)"
-            >删除
-          </el-link>
-        </div>
-      </template>
-    </pure-table>
-    <edit ref="editRef" @ok="_loadData" />
-  </div>
-</template>

agent-ui/views/business/template/index.vue

@@ -1,19 +0,0 @@
-<script setup lang="ts">
-import { reactive } from "vue";
-import list from "./hook/template-list.vue";
-
-defineOptions({
-  name: "templateIndex"
-});
-const pageData: any = reactive({
-  mode: "table"
-});
-</script>
-
-<template>
-  <el-card :shadow="'never'">
-    <template #default>
-      <list :mode="pageData.mode" />
-    </template>
-  </el-card>
-</template>

agent-ui/views/channel/index.vue

@@ -1,18 +0,0 @@
-<script setup lang="ts">
-import FormSearch from "@/components/opts/form-search.vue";
-import TableButtons from "@/components/opts/btns2.vue";
-import ConfigEdit from "./modules/config-edit.vue";
-import { PureTable } from "@pureadmin/table";
-import { reactive, ref } from "vue";
-import { configTypeOptions } from "@/constants/constants";
-import * as $configApi from "@/api/sys/config";
-import { onMounted } from "vue";
-import { hasAuth } from "@/router/utils";
-import message from "@/utils/message";
-</script>
-
-<template>
-  <div>
-    通道管理
-  </div>
-</template>

agent-ui/views/error/403.vue

@@ -1,70 +0,0 @@
-<script setup lang="ts">
-import { useRouter } from "vue-router";
-import noAccess from "@/assets/status/403.svg?component";
-
-defineOptions({
-  name: "403"
-});
-
-const router = useRouter();
-</script>
-
-<template>
-  <div class="flex justify-center items-center h-[640px]">
-    <noAccess />
-    <div class="ml-12">
-      <p
-        class="font-medium text-4xl mb-4 dark:text-white"
-        v-motion
-        :initial="{
-          opacity: 0,
-          y: 100
-        }"
-        :enter="{
-          opacity: 1,
-          y: 0,
-          transition: {
-            delay: 100
-          }
-        }"
-      >
-        403
-      </p>
-      <p
-        class="mb-4 text-gray-500"
-        v-motion
-        :initial="{
-          opacity: 0,
-          y: 100
-        }"
-        :enter="{
-          opacity: 1,
-          y: 0,
-          transition: {
-            delay: 300
-          }
-        }"
-      >
-        抱歉，你无权访问该页面
-      </p>
-      <el-button
-        type="primary"
-        @click="router.push('/')"
-        v-motion
-        :initial="{
-          opacity: 0,
-          y: 100
-        }"
-        :enter="{
-          opacity: 1,
-          y: 0,
-          transition: {
-            delay: 500
-          }
-        }"
-      >
-        返回首页
-      </el-button>
-    </div>
-  </div>
-</template>

agent-ui/views/error/404.vue

@@ -1,70 +0,0 @@
-<script setup lang="ts">
-import { useRouter } from "vue-router";
-import noExist from "@/assets/status/404.svg?component";
-
-defineOptions({
-  name: "404"
-});
-
-const router = useRouter();
-</script>
-
-<template>
-  <div class="flex justify-center items-center h-[640px]">
-    <noExist />
-    <div class="ml-12">
-      <p
-        class="font-medium text-4xl mb-4 dark:text-white"
-        v-motion
-        :initial="{
-          opacity: 0,
-          y: 100
-        }"
-        :enter="{
-          opacity: 1,
-          y: 0,
-          transition: {
-            delay: 100
-          }
-        }"
-      >
-        404
-      </p>
-      <p
-        class="mb-4 text-gray-500"
-        v-motion
-        :initial="{
-          opacity: 0,
-          y: 100
-        }"
-        :enter="{
-          opacity: 1,
-          y: 0,
-          transition: {
-            delay: 300
-          }
-        }"
-      >
-        抱歉，你访问的页面不存在
-      </p>
-      <el-button
-        type="primary"
-        @click="router.push('/')"
-        v-motion
-        :initial="{
-          opacity: 0,
-          y: 100
-        }"
-        :enter="{
-          opacity: 1,
-          y: 0,
-          transition: {
-            delay: 500
-          }
-        }"
-      >
-        返回首页
-      </el-button>
-    </div>
-  </div>
-</template>

agent-ui/views/error/500.vue

@@ -1,70 +0,0 @@
-<script setup lang="ts">
-import { useRouter } from "vue-router";
-import noServer from "@/assets/status/500.svg?component";
-
-defineOptions({
-  name: "500"
-});
-
-const router = useRouter();
-</script>
-
-<template>
-  <div class="flex justify-center items-center h-[640px]">
-    <noServer />
-    <div class="ml-12">
-      <p
-        class="font-medium text-4xl mb-4 dark:text-white"
-        v-motion
-        :initial="{
-          opacity: 0,
-          y: 100
-        }"
-        :enter="{
-          opacity: 1,
-          y: 0,
-          transition: {
-            delay: 100
-          }
-        }"
-      >
-        500
-      </p>
-      <p
-        class="mb-4 text-gray-500"
-        v-motion
-        :initial="{
-          opacity: 0,
-          y: 100
-        }"
-        :enter="{
-          opacity: 1,
-          y: 0,
-          transition: {
-            delay: 300
-          }
-        }"
-      >
-        抱歉，服务器出错了
-      </p>
-      <el-button
-        type="primary"
-        @click="router.push('/')"
-        v-motion
-        :initial="{
-          opacity: 0,
-          y: 100
-        }"
-        :enter="{
-          opacity: 1,
-          y: 0,
-          transition: {
-            delay: 500
-          }
-        }"
-      >
-        返回首页
-      </el-button>
-    </div>
-  </div>
-</template>

agent-ui/views/login/index.vue

@@ -1,204 +0,0 @@
-<script setup lang="ts">
-import Motion from "./utils/motion";
-import { useRouter } from "vue-router";
-import { message } from "@/utils/message";
-import { loginRules } from "./utils/rule";
-import { useNav } from "@/layout/hooks/useNav";
-import type { FormInstance } from "element-plus";
-import { useLayout } from "@/layout/hooks/useLayout";
-import { useAuthStoreHook } from "@/store/modules/auth";
-import { initRouter, getTopMenu } from "@/router/utils";
-import { bg, avatar, illustration } from "./utils/static";
-import { useRenderIcon } from "@/components/ReIcon/src/hooks";
-import { ref, reactive, toRaw, onMounted, onBeforeUnmount } from "vue";
-import { useDataThemeChange } from "@/layout/hooks/useDataThemeChange";
-
-import dayIcon from "@/assets/svg/day.svg?component";
-import darkIcon from "@/assets/svg/dark.svg?component";
-import Lock from "@iconify-icons/ri/lock-fill";
-import User from "@iconify-icons/ri/user-3-fill";
-import TypeIt from "@/components/ReTypeit";
-
-defineOptions({
-  name: "Login"
-});
-const router = useRouter();
-const loading = ref(false);
-const ruleFormRef = ref<FormInstance>();
-
-const { initStorage } = useLayout();
-initStorage();
-
-const { dataTheme, dataThemeChange } = useDataThemeChange();
-dataThemeChange();
-const { title } = useNav();
-
-const ruleForm = reactive({
-  username: "",
-  password: "",
-  remember: false
-});
-
-const onLogin = async (formEl: FormInstance | undefined) => {
-  loading.value = true;
-  if (!formEl) return;
-  await formEl.validate((valid, fields) => {
-    if (valid) {
-      // useUserStoreHook()
-      //   .loginByUsername({ username: ruleForm.username, password: "admin123" })
-      //   .then(res => {
-      //     if (res.success) {
-      //       // 获取后端路由
-      //       initRouter().then(() => {
-      //         router.push("/");
-      //         message("登录成功", { type: "success" });
-      //       });
-      //     }
-      //   });
-      useAuthStoreHook()
-        .login({
-          username: ruleForm.username,
-          password: ruleForm.password,
-          remember: ruleForm.remember
-        })
-        .then(res => {
-          if (res.success) {
-            // 获取后端路由
-            initRouter().then(() => {
-              router.push(getTopMenu(true).path);
-              message("登录成功", { type: "success" });
-            });
-          } else {
-            loading.value = false;
-          }
-        })
-        .finally(() => {
-          loading.value = false;
-        });
-    } else {
-      loading.value = false;
-      return fields;
-    }
-  });
-};
-
-/** 使用公共函数，避免`removeEventListener`失效 */
-function onkeypress({ code }: KeyboardEvent) {
-  if (code === "Enter") {
-    onLogin(ruleFormRef.value);
-  }
-}
-
-onMounted(() => {
-  window.document.addEventListener("keypress", onkeypress);
-  ruleForm.username = useAuthStoreHook().loginUser.username;
-  ruleForm.password = useAuthStoreHook().loginUser.password;
-  ruleForm.remember = useAuthStoreHook().loginUser.remember;
-});
-
-onBeforeUnmount(() => {
-  window.document.removeEventListener("keypress", onkeypress);
-});
-</script>
-
-<template>
-  <div class="select-none">
-    <img :src="bg" class="wave" />
-    <div class="flex-c absolute right-5 top-3">
-      <!-- 主题 -->
-      <el-switch
-        v-model="dataTheme"
-        inline-prompt
-        :active-icon="dayIcon"
-        :inactive-icon="darkIcon"
-        @change="dataThemeChange"
-      />
-    </div>
-    <div class="login-container">
-      <div class="img">
-        <component :is="toRaw(illustration)" />
-      </div>
-      <div class="login-box">
-        <div class="login-form">
-          <avatar class="avatar" />
-          <Motion>
-            <h2 class="outline-none">
-              <TypeIt :values="[title]" :cursor="false" :speed="150" />
-            </h2>
-            <!--            <h2 class="outline-none">{{ title }}</h2>-->
-          </Motion>
-
-          <el-form
-            ref="ruleFormRef"
-            :model="ruleForm"
-            :rules="loginRules"
-            size="large"
-          >
-            <Motion :delay="100">
-              <el-form-item
-                :rules="[
-                  {
-                    required: true,
-                    message: '请输入账号',
-                    trigger: 'blur'
-                  }
-                ]"
-                prop="username"
-              >
-                <el-input
-                  clearable
-                  v-model="ruleForm.username"
-                  placeholder="账号"
-                  :prefix-icon="useRenderIcon(User)"
-                />
-              </el-form-item>
-            </Motion>
-
-            <Motion :delay="150">
-              <el-form-item prop="password">
-                <el-input
-                  clearable
-                  show-password
-                  v-model="ruleForm.password"
-                  placeholder="密码"
-                  :prefix-icon="useRenderIcon(Lock)"
-                />
-              </el-form-item>
-            </Motion>
-            <Motion :delay="150">
-              <el-form-item prop="remember">
-                <div class="w-full h-20px flex justify-between items-center">
-                  <el-checkbox v-model="ruleForm.remember"
-                    >记住密码</el-checkbox
-                  >
-                </div>
-              </el-form-item>
-            </Motion>
-
-            <Motion :delay="250">
-              <el-button
-                class="w-full mt-4"
-                size="default"
-                type="primary"
-                :loading="loading"
-                @click="onLogin(ruleFormRef)"
-              >
-                登录
-              </el-button>
-            </Motion>
-          </el-form>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-@import url("@/style/login.css");
-</style>
-
-<style lang="scss" scoped>
-:deep(.el-input-group__append, .el-input-group__prepend) {
-  padding: 0;
-}
-</style>

agent-ui/views/login/utils/motion.ts

@@ -1,40 +0,0 @@
-import { h, defineComponent, withDirectives, resolveDirective } from "vue";
-
-/** 封装@vueuse/motion动画库中的自定义指令v-motion */
-export default defineComponent({
-  name: "Motion",
-  props: {
-    delay: {
-      type: Number,
-      default: 50
-    }
-  },
-  render() {
-    const { delay } = this;
-    const motion = resolveDirective("motion");
-    return withDirectives(
-      h(
-        "div",
-        {},
-        {
-          default: () => [this.$slots.default()]
-        }
-      ),
-      [
-        [
-          motion,
-          {
-            initial: { opacity: 0, y: 100 },
-            enter: {
-              opacity: 1,
-              y: 0,
-              transition: {
-                delay
-              }
-            }
-          }
-        ]
-      ]
-    );
-  }
-});

agent-ui/views/login/utils/rule.ts

@@ -1,30 +0,0 @@
-import { reactive } from "vue";
-import type { FormRules } from "element-plus";
-
-/** 密码正则（密码格式应为8-18位数字、字母、符号的任意两种组合） */
-export const REGEXP_PWD =
-  /^(?![0-9]+$)(?![a-z]+$)(?![A-Z]+$)(?!([^(0-9a-zA-Z)]|[()])+$)(?!^.*[\u4E00-\u9FA5].*$)([^(0-9a-zA-Z)]|[()]|[a-z]|[A-Z]|[0-9]){8,18}$/;
-
-/** 登录校验 */
-const loginRules = reactive(<FormRules>{
-  password: [
-    {
-      validator: (rule, value, callback) => {
-        if (value === "") {
-          callback(new Error("请输入密码"));
-        }
-        // else if (!REGEXP_PWD.test(value)) {
-        //   callback(
-        //     new Error("密码格式应为8-18位数字、字母、符号的任意两种组合")
-        //   );
-        // }
-        else {
-          callback();
-        }
-      },
-      trigger: "blur"
-    }
-  ]
-});
-
-export { loginRules };

agent-ui/views/login/utils/static.ts

@@ -1,5 +0,0 @@
-import bg from "@/assets/login/bg.png";
-import avatar from "@/assets/login/avatar.svg?component";
-import illustration from "@/assets/login/illustration.svg?component";
-
-export { bg, avatar, illustration };

agent-ui/views/order/index.vue

@@ -1,8 +0,0 @@
-<script setup lang="ts">
-</script>
-
-<template>
-  <div>
-    订单管理
-  </div>
-</template>

agent-ui/views/platform/index.vue

@@ -1,19 +0,0 @@
-<script setup lang="ts">
-import { reactive } from "vue";
-
-defineOptions({
-  name: "platformSetting"
-});
-const pageData: any = reactive({
-  mode: "table"
-});
-</script>
-
-<template>
-  <el-card :shadow="'never'">
-        <div>服务商id</div>
-        <div>密钥</div>
-        <div>公钥</div>
-        <div>Google检验器</div>
-  </el-card>
-</template>

agent-ui/views/system/config.vue

@@ -1,334 +0,0 @@
-<script setup lang="ts">
-import FormSearch from "@/components/opts/form-search.vue";
-import TableButtons from "@/components/opts/btns2.vue";
-import ConfigEdit from "./modules/config-edit.vue";
-import { PureTable } from "@pureadmin/table";
-import { reactive, ref } from "vue";
-import { configTypeOptions } from "@/constants/constants";
-import * as $configApi from "@/api/sys/config";
-import { onMounted } from "vue";
-import { hasAuth } from "@/router/utils";
-import message from "@/utils/message";
-const configEditRef = ref();
-const pageData: any = reactive({
-  permission: {
-    query: ["sys:config:query"],
-    save: ["sys:config:save"],
-    update: ["sys:config:update"],
-    del: ["sys:config:del"],
-    refreshCache: ["sys:config:refresh"]
-  },
-  searchParam: {
-    searchState: true,
-    searchForm: {},
-    formFields: [
-      {
-        type: "select",
-        label: "配置类型",
-        prop: "type",
-        placeholder: "请选择配置类型",
-        dataSourceKey: "configTypeOptions",
-        options: {
-          clearable: true,
-          filterable: true,
-          keys: {
-            prop: "value",
-            value: "value",
-            label: "label"
-          }
-        }
-      },
-      {
-        type: "input",
-        label: "配置项",
-        prop: "code",
-        placeholder: "请输入配置项",
-        options: {
-          clearable: true
-        }
-      }
-    ]
-  },
-  dataSource: {
-    configTypeOptions: configTypeOptions
-  },
-  btnOpts: {
-    size: "small",
-    left: [
-      {
-        key: "add",
-        label: "新增",
-        type: "primary",
-        icon: "ep:plus",
-        state: true,
-        permission: ["sys:config:save"]
-      }
-      // {
-      //   key: "update",
-      //   label: "修改",
-      //   type: "success",
-      //   icon: "ep:edit",
-      //   state: false,
-      //   permission: ["sys:config:update"]
-      // }
-    ],
-    right: [
-      {
-        key: "search",
-        label: "查询",
-        icon: "ep:search",
-        state: true,
-        options: {
-          circle: true
-        }
-      },
-      {
-        key: "refresh",
-        label: "刷新",
-        icon: "ep:refresh",
-        state: true,
-        options: {
-          circle: true
-        }
-      }
-    ]
-  },
-  tableParam: {
-    columns: [
-      {
-        label: "配置类型",
-        prop: "typeName"
-      },
-      {
-        label: "配置项",
-        prop: "code"
-      },
-      {
-        label: "配置值",
-        prop: "value"
-      },
-      {
-        label: "备注",
-        prop: "memo"
-      },
-      {
-        label: "创建时间",
-        prop: "createTime"
-      },
-      {
-        label: "更新时间",
-        prop: "updateTime"
-      },
-      {
-        label: "操作",
-        fixed: "right",
-        slot: "operation"
-      }
-    ],
-    list: [],
-    loading: false,
-    pagination: {
-      pageSize: 10,
-      defaultPageSize: 10,
-      currentPage: 1,
-      background: true,
-      total: 0
-    }
-  }
-});
-const handleBtnClick = (val: string) => {
-  switch (val) {
-    case "add":
-      configEditRef.value!.open({}, pageData.dataSource, "add");
-      break;
-    case "update":
-      break;
-    case "search":
-      _updateSearchState();
-      break;
-    case "refresh":
-      _loadData();
-      break;
-  }
-};
-/**
- *  更新搜索表单
- * @param data .
- */
-const _updateSearchFormData = (data: any) => {
-  pageData.searchParam.searchForm = data;
-};
-/**
- * 点击搜索按钮
- */
-const _searchForm = (data: any) => {
-  pageData.searchParam.searchForm = data;
-  _loadData();
-};
-/**
- * 重置
- */
-const _resetSearchForm = (data?: any) => {
-  pageData.searchParam.searchForm = data;
-};
-/**
- * 更新搜索表达的状态
- */
-const _updateSearchState = () => {
-  pageData.searchParam.searchState = !pageData.searchParam.searchState;
-};
-const handleChangePageSize = (val: any) => {
-  pageData.tableParam.pagination.pageSize = val;
-  _loadData();
-};
-const handleChangeCurrentPage = (val: any) => {
-  pageData.tableParam.pagination.currentPage = val;
-  _loadData();
-};
-const getQueryParams = () => {
-  const sqp = {};
-  const param = Object.assign(sqp, pageData.searchParam.searchForm);
-  param.current = pageData.tableParam.pagination.currentPage;
-  param.size = pageData.tableParam.pagination.pageSize;
-  return param;
-};
-/**
- * 查询数据
- */
-const _loadData = (page?: number) => {
-  pageData.tableParam.loading = true;
-  const query = getQueryParams();
-  if (page) {
-    query.current = page;
-  }
-  $configApi
-    .queryPage(query)
-    .then((res: any) => {
-      if (res.success) {
-        pageData.tableParam.list = res.result.records;
-        pageData.tableParam.pagination.total = Number(res.result.total);
-      }
-    })
-    .finally(() => {
-      pageData.tableParam.loading = false;
-    });
-};
-const handleEdit = (row: any) => {
-  configEditRef.value!.open(row, pageData.dataSource, "update");
-};
-const handleDel = (row: any) => {
-  message.confirm("是否删除当前数据").then(() => {
-    _batchDel([row.id]);
-  });
-};
-const _batchDel = (ids: string[]) => {
-  pageData.tableParam.loading = true;
-  $configApi
-    .delByIds(ids)
-    .then((res: any) => {
-      if (res.success) {
-        message.success("删除成功");
-        _loadData();
-      }
-    })
-    .finally(() => {
-      pageData.tableParam.loading = false;
-    });
-};
-const handleRefreshCache = (row: any) => {
-  message
-    .confirm("是否刷新缓存")
-    .then(() => {
-      _refreshCache(row.id);
-    })
-    .catch(() => {});
-};
-const _refreshCache = (id: string) => {
-  pageData.tableParam.loading = true;
-  $configApi
-    .refreshCache(id)
-    .then((res: any) => {
-      if (res.success) {
-        message.success("刷新成功");
-        _loadData();
-      }
-    })
-    .finally(() => {
-      pageData.tableParam.loading = false;
-    });
-};
-onMounted(() => {
-  _loadData();
-});
-defineOptions({
-  name: "SysConfig"
-});
-</script>
-
-<template>
-  <div>
-    <el-card :shadow="'never'">
-      <template #default>
-        <!--form search-->
-        <FormSearch
-          :show="pageData.searchParam.searchState"
-          :size="'default'"
-          :form-field="pageData.searchParam.formFields"
-          :query-permission="pageData.permission.query"
-          :data-source="pageData.dataSource"
-          @search-form="_updateSearchFormData"
-          @search="_searchForm"
-          @reset="_resetSearchForm"
-        />
-        <table-buttons
-          :size="pageData.btnOpts.size"
-          :left-btns="pageData.btnOpts.left"
-          :right-btns="pageData.btnOpts.right"
-          @click="handleBtnClick"
-        />
-        <pure-table
-          :columns="pageData.tableParam.columns"
-          :data="pageData.tableParam.list"
-          :border="true"
-          :stripe="true"
-          :loading="pageData.tableParam.loading"
-          :pagination="pageData.tableParam.pagination"
-          :header-row-class-name="'table-header'"
-          @page-current-change="handleChangeCurrentPage"
-          @page-size-change="handleChangePageSize"
-        >
-          <!---->
-          <template #operation="{ row }">
-            <el-link
-              v-show="hasAuth(pageData.permission.update)"
-              type="primary"
-              @click="handleEdit(row)"
-              >编辑</el-link
-            >
-            <el-divider
-              direction="vertical"
-              v-show="hasAuth(pageData.permission.refreshCache)"
-            />
-            <el-link
-              v-show="hasAuth(pageData.permission.refreshCache)"
-              type="primary"
-              @click="handleRefreshCache(row)"
-              >刷新缓存</el-link
-            >
-            <el-divider
-              v-show="hasAuth(pageData.permission.del)"
-              direction="vertical"
-            />
-            <el-link
-              v-show="hasAuth(pageData.permission.del)"
-              type="primary"
-              @click="handleDel(row)"
-              >删除</el-link
-            >
-          </template>
-        </pure-table>
-      </template>
-    </el-card>
-    <config-edit ref="configEditRef" @confirm="_loadData()" />
-  </div>
-</template>

agent-ui/views/system/menu.vue

@@ -1,328 +0,0 @@
-<script setup lang="ts">
-import FormSearch from "@/components/opts/form-search.vue";
-import TableButtons from "@/components/opts/btns2.vue";
-import MenuEdit from "./modules/menu-edit.vue";
-import { reactive, onMounted, ref } from "vue";
-import * as permissionApi from "@/api/sys/permission";
-import { PureTable } from "@pureadmin/table";
-import { useRenderIcon } from "@/components/ReIcon/src/hooks";
-import { hasAuth } from "@/router/utils";
-import message from "@/utils/message";
-const menuEditRef = ref();
-const pageData: any = reactive({
-  permission: {
-    query: ["menu:query"],
-    add: ["menu:save"],
-    update: ["menu:update"],
-    delete: ["menu:del"]
-  },
-  searchState: true,
-  /*搜索字段定义 */
-  searchField: [
-    {
-      type: "input",
-      label: "菜单名称",
-      prop: "title",
-      placeholder: "请输入菜单名称"
-    }
-  ],
-  searchForm: {},
-  /*按钮 */
-  btnOpts: {
-    // add: {
-    //   show: true,
-    //   state: true,
-    //   permission: ["menu:save"]
-    // },
-    // update: {
-    //   show: true,
-    //   state: true,
-    //   permission: ["menu:update"]
-    // }
-    size: "small",
-    left: [
-      {
-        key: "add",
-        label: "新增",
-        type: "primary",
-        icon: "ep:plus",
-        state: true,
-        permission: ["menu:save"]
-      }
-      // {
-      //   key: "update",
-      //   label: "修改",
-      //   type: "success",
-      //   icon: "ep:edit",
-      //   state: false,
-      //   permission: ["menu:update"]
-      // }
-    ],
-    right: [
-      {
-        key: "search",
-        label: "查询",
-        icon: "ep:search",
-        state: true,
-        options: {
-          circle: true
-        }
-      },
-      {
-        key: "refresh",
-        label: "刷新",
-        icon: "ep:refresh",
-        state: true,
-        options: {
-          circle: true
-        }
-      }
-    ]
-  },
-  tableParams: {
-    /*加载 */
-    loading: false,
-    /*数据 */
-    list: [],
-    columns: [
-      {
-        label: "菜单名称",
-        prop: "title"
-      },
-      {
-        label: "菜单图标",
-        prop: "icon",
-        slot: "iconScope"
-      },
-      {
-        label: "权限标识",
-        prop: "perms"
-      },
-      {
-        label: "是否缓存",
-        prop: "keepAlive",
-        slot: "booleanScope"
-      },
-      {
-        label: "是否可见",
-        prop: "showLink",
-        slot: "booleanScope"
-      },
-      {
-        label: "菜单类型",
-        prop: "menuTypeName"
-      },
-      {
-        label: "状态",
-        prop: "enable",
-        slot: "enabledScope"
-      },
-      {
-        label: "操作",
-        fixed: "right",
-        slot: "operation"
-      }
-    ],
-    currentData: {},
-    pagination: {
-      pageSize: 10,
-      defaultPageSize: 10,
-      currentPage: 1,
-      background: true,
-      total: 0
-    }
-  }
-});
-/**
- *  更新搜索表单
- * @param data .
- */
-const _updateSearchFormData = (data: any) => {
-  pageData.searchForm = data;
-};
-/**
- * 点击搜索按钮
- */
-const _searchForm = (data: any) => {
-  pageData.searchForm = data;
-  _loadData();
-};
-/**
- * 重置
- */
-const _resetSearchForm = (data?) => {
-  pageData.searchForm = data;
-};
-/**
- * 更新搜索表达的状态
- */
-const _updateSearchState = () => {
-  pageData.searchState = !pageData.searchState;
-};
-/**
- * 查询数据
- */
-const _loadData = () => {
-  pageData.tableParams.loading = true;
-  const query = getQueryParams();
-  permissionApi
-    .treeList(query)
-    .then((res: any) => {
-      if (res.success) {
-        pageData.tableParams.list = res.result || [];
-      } else {
-        message.warning(res.message);
-      }
-    })
-    .finally(() => {
-      pageData.tableParams.loading = false;
-    });
-};
-const getQueryParams = () => {
-  const sqp = {};
-  const param = Object.assign(sqp, pageData.searchForm);
-  return param;
-};
-const handleBtnClick = (val: String) => {
-  switch (val) {
-    case "add":
-      _handlerAdd();
-      break;
-    case "update":
-      break;
-    case "search":
-      _updateSearchState();
-      break;
-    case "refresh":
-      _loadData();
-      break;
-  }
-};
-/**
- * 更新
- * @param data .
- */
-const _editMenu = (data: any) => {
-  pageData.tableParams.currentData = data;
-  menuEditRef.value!.open("update", data, "修改菜单/权限");
-};
-/**
- * table列新增
- * @param data .
- */
-const _handleRowAdd = (data: any) => {
-  pageData.tableParams.currentData = data;
-  menuEditRef.value!.open("save", { parentId: data.id }, "修改菜单/权限");
-};
-const _handleRowDel = (data: any) => {
-  batchDel([data.id]);
-};
-const batchDel = (ids: string[]) => {
-  if (ids && ids.length > 0) {
-    permissionApi.deletePermission(ids).then((res: any) => {
-      if (res.success) {
-        message.success("删除成功");
-        _loadData();
-      } else {
-        message.warning(res.message);
-      }
-    });
-  }
-};
-/**
- * 新增
- */
-const _handlerAdd = () => {
-  menuEditRef.value!.open("save", {}, "新增菜单/权限");
-};
-onMounted(() => {
-  _loadData();
-});
-defineOptions({ name: "sysMenu" });
-</script>
-
-<template>
-  <el-card :shadow="'never'">
-    <template #default>
-      <!--form search-->
-      <FormSearch
-        :show="pageData.searchState"
-        :size="'default'"
-        :form-field="pageData.searchField"
-        @search-form="_updateSearchFormData"
-        @search="_searchForm"
-        @reset="_resetSearchForm"
-        :query-permission="pageData.permission.query"
-      />
-      <!--operator-->
-      <!-- <TableOperation
-        :size="'small'"
-        :add="pageData.btnOpts.add"
-        @click-search="_updateSearchState"
-        @click-refresh="_loadData"
-        @click-add="_handlerAdd"
-      /> -->
-      <table-buttons
-        :size="pageData.btnOpts.size"
-        :left-btns="pageData.btnOpts.left"
-        :right-btns="pageData.btnOpts.right"
-        @click="handleBtnClick"
-      />
-      <!--table-->
-      <pure-table
-        :loading="pageData.tableParams.loading"
-        :columns="pageData.tableParams.columns"
-        :data="pageData.tableParams.list"
-        :border="true"
-        :stripe="true"
-        :header-row-class-name="'table-header'"
-        row-key="id"
-      >
-        <template #booleanScope="scope">
-          {{ scope.row.keepAlive ? "是" : "否" }}
-        </template>
-        <template #iconScope="scope">
-          <component :is="useRenderIcon(scope.row.icon)" />
-        </template>
-        <template #enabledScope="scope">
-          <el-tag v-if="scope.row.enable">启用</el-tag>
-          <el-tag v-else type="info">禁用</el-tag>
-        </template>
-        <template #operation="scope">
-          <el-link
-            :disabled="!hasAuth(pageData.permission.update)"
-            type="primary"
-            @click="_editMenu(scope.row)"
-            >编辑</el-link
-          >
-          <el-divider direction="vertical" />
-          <el-link
-            :disabled="!hasAuth(pageData.permission.add)"
-            type="primary"
-            @click="_handleRowAdd(scope.row)"
-            >新增</el-link
-          >
-          <el-divider direction="vertical" />
-          <el-link
-            :disabled="!hasAuth(pageData.permission.delete)"
-            type="primary"
-            @click="_handleRowDel(scope.row)"
-            >删除</el-link
-          >
-        </template>
-      </pure-table>
-
-      <menu-edit ref="menuEditRef" @ok="_loadData()" />
-    </template>
-  </el-card>
-</template>
-
-<style scoped lang="scss">
-// :deep(.el-table .el-table__header-wrapper th) {
-//   word-break: break-word;
-//   background-color: #f8f8f9;
-//   color: #515a6e;
-//   height: 40px;
-//   font-size: 13px;
-// }
-</style>

agent-ui/views/system/modules/config-edit.vue

@@ -1,257 +0,0 @@
-<script setup lang="ts">
-import { computed, reactive, ref } from "vue";
-import * as $configApi from "@/api/sys/config";
-import message from "@/utils/message";
-const formRef = ref();
-const pageData: any = reactive({
-  mode: "add",
-  modalParam: {
-    visible: false,
-    title: "新增系统配置",
-    closeOnclickModal: true
-  },
-  formParam: {
-    infoForm: {},
-    fields: [
-      {
-        type: "select",
-        label: "配置类型",
-        prop: "type",
-        placeholder: "请选择配置类型",
-        dataSourceKey: "configTypeOptions",
-        options: {
-          clearable: true,
-          filterable: true,
-          keys: {
-            prop: "value",
-            value: "value",
-            label: "label"
-          }
-        }
-      },
-      {
-        type: "input",
-        label: "配置项",
-        prop: "code",
-        placeholder: "请输入配置项",
-        max: 50,
-        options: {
-          clearable: true
-        }
-      },
-      {
-        type: "textarea",
-        label: "配置值",
-        prop: "value",
-        placeholder: "请输入配置值",
-        max: 255,
-        options: {
-          clearable: true
-        }
-      },
-      {
-        type: "input",
-        label: "备注",
-        prop: "memo",
-        placeholder: "请输入备注",
-        max: 255,
-        options: {
-          clearable: true
-        }
-      }
-    ],
-    rules: {
-      type: [{ required: true, message: "请选择配置类型", trigger: "change" }],
-      code: [{ required: true, message: "请输入配置项", trigger: "blur" }],
-      value: [{ required: true, message: "请输入配置值", trigger: "blur" }]
-    },
-    loading: false
-  },
-  dataSource: {}
-});
-const disabledField = computed(() => (item: any) => {
-  if (pageData.mode === "add") {
-    return false;
-  }
-  return item.prop === "code" || item.prop === "type";
-});
-const showBtn = computed(() => {
-  if (pageData.mode === "detail") {
-    return false;
-  }
-  return true;
-});
-const initData = () => {
-  pageData.modalParam.visible = false;
-  pageData.modalParam.title = "新增系统配置";
-  pageData.modalParam.closeOnclickModal = true;
-  pageData.formParam.infoForm = {};
-};
-const _handleClose = () => {
-  initData();
-  emits("close");
-};
-const open = (data: any, dataSource: any, mode: string) => {
-  pageData.mode = mode;
-  pageData.dataSource = dataSource;
-  pageData.formParam.infoForm = data;
-  pageData.modalParam.visible = true;
-};
-const handleConfirm = () => {
-  formRef.value!.validate((isValid: boolean) => {
-    if (isValid) {
-      if (pageData.mode === "add") {
-        save();
-      } else {
-        update();
-      }
-    }
-  });
-};
-const save = () => {
-  pageData.formParam.loading = true;
-  const data = pageData.formParam.infoForm;
-  const params = {
-    type: data.type,
-    code: data.code,
-    value: data.value,
-    memo: data.memo
-  };
-  $configApi
-    .save(params)
-    .then((res: any) => {
-      if (res.success) {
-        message.success("新增成功");
-        initData();
-        emits("confirm");
-        pageData.modalParam.visible = false;
-      } else {
-        message.warning(res.message);
-      }
-    })
-    .finally(() => {
-      pageData.formParam.loading = false;
-    });
-};
-const update = () => {
-  pageData.formParam.loading = true;
-  const data = pageData.formParam.infoForm;
-  const params = {
-    id: data.id,
-    type: data.type,
-    code: data.code,
-    value: data.value,
-    memo: data.memo
-  };
-  $configApi
-    .update(data.id, params)
-    .then((res: any) => {
-      if (res.success) {
-        message.success("修改成功");
-        initData();
-        emits("confirm");
-        pageData.modalParam.visible = false;
-      } else {
-        message.warning(res.message);
-      }
-    })
-    .finally(() => {
-      pageData.formParam.loading = false;
-    });
-};
-const emits = defineEmits(["close", "confirm"]);
-defineOptions({
-  name: "ConfigEdit"
-});
-defineExpose({
-  open
-});
-</script>
-
-<template>
-  <div>
-    <el-drawer
-      v-model="pageData.modalParam.visible"
-      :title="pageData.modalParam.title"
-      destroy-on-close
-      modal
-      :close-on-click-modal="pageData.modalParam.closeOnclickModal"
-      :before-close="_handleClose"
-    >
-      <template #header>
-        <span style="font-weight: 700">{{ pageData.modalParam.title }}</span>
-      </template>
-      <el-form
-        :model="pageData.formParam.infoForm"
-        :rules="pageData.formParam.rules"
-        label-position="right"
-        ref="formRef"
-        v-loading="pageData.formParam.loading"
-      >
-        <el-form-item
-          v-for="(item, index) in pageData.formParam.fields"
-          :key="index"
-          :prop="item.prop"
-          :label="item.label"
-        >
-          <template v-if="item.type === 'input'">
-            <el-input
-              v-model="pageData.formParam.infoForm[item.prop]"
-              :clearable="item.options?.clearable ?? true"
-              :max="item.max ?? 255"
-              :disabled="disabledField(item)"
-            />
-          </template>
-          <template v-else-if="item.type === 'textarea'">
-            <el-input
-              rows="25"
-              v-model="pageData.formParam.infoForm[item.prop]"
-              :clearable="item.options?.clearable ?? true"
-              :max="item.max ?? 255"
-              :disabled="disabledField(item)"
-              type="textarea"
-            />
-          </template>
-          <template v-else-if="item.type === 'select'">
-            <el-select
-              v-model="pageData.formParam.infoForm[item.prop]"
-              :filterable="item.options?.filterable ?? true"
-              :clearable="item.options?.clearable ?? true"
-              :placeholder="item.placeholder"
-              style="width: 100%"
-              :disabled="disabledField(item)"
-            >
-              <el-option
-                v-for="su in pageData.dataSource[item.dataSourceKey]"
-                :key="su[item.options?.keys?.prop ?? 'value']"
-                :label="su[item.options?.keys?.label ?? 'label']"
-                :value="su[item.options?.keys?.value ?? 'value']"
-              />
-            </el-select>
-          </template>
-        </el-form-item>
-        <!---->
-      </el-form>
-      <template #footer>
-        <el-button plain @click="_handleClose">取 消</el-button>
-        <el-popconfirm
-          title="确认提交?"
-          @confirm="handleConfirm"
-          confirm-button-text="确定"
-          cancel-button-text="取消"
-        >
-          <template #reference>
-            <el-button
-              type="primary"
-              plain
-              v-show="showBtn"
-              v-loading="pageData.formParam.loading"
-              >提 交</el-button
-            >
-          </template>
-        </el-popconfirm>
-      </template>
-      <!---->
-    </el-drawer>
-  </div>
-</template>

agent-ui/views/system/modules/menu-edit.vue

@@ -1,431 +0,0 @@
-<script setup lang="ts">
-import { reactive, ref } from "vue";
-import {
-  MenuTypeOptions,
-  ifNumberOptions,
-  ifOptions,
-  ifEnableOptions
-} from "@/constants/constants";
-import * as permissionApi from "@/api/sys/permission";
-import FromQuestion from "@/components/form-question/index.vue";
-import { IconSelect } from "@/components/icon-select";
-import type { FormInstance } from "element-plus";
-import { message } from "@/utils/message";
-import { cloneDeep } from "@pureadmin/utils";
-const formRef = ref<FormInstance>();
-const pageData: any = reactive({
-  isShow: false,
-  title: "新增菜单/权限",
-  formLoading: false,
-  treeMenus: [],
-  menuIcon: "",
-  formData: {
-    menuType: 0,
-    isFrame: 0,
-    showLink: true,
-    enable: true,
-    keepAlive: false,
-    showParent: true
-  },
-  formRules: {},
-  dirFormRules: {
-    menuType: [
-      { required: true, message: "请选择菜单类型", trigger: "change" }
-    ],
-    title: [{ required: true, message: "请输入菜单名称", trigger: "blur" }],
-    rank: [{ required: true, message: "请输入排序", trigger: "blur" }],
-    path: [{ required: true, message: "请输入路由地址", trigger: "blur" }]
-  },
-  menuFormRules: {
-    menuType: [
-      { required: true, message: "请选择菜单类型", trigger: "change" }
-    ],
-    title: [{ required: true, message: "请输入菜单名称", trigger: "blur" }],
-    rank: [{ required: true, message: "请输入排序", trigger: "blur" }],
-    path: [{ required: true, message: "请输入路由地址", trigger: "blur" }]
-  },
-  permissionFormRules: {
-    menuType: [
-      { required: true, message: "请选择菜单类型", trigger: "change" }
-    ],
-    title: [{ required: true, message: "请输入权限名称", trigger: "blur" }],
-    perms: [{ required: true, message: "请输入权限标识", trigger: "blur" }],
-    rank: [{ required: true, message: "请输入排序", trigger: "blur" }]
-  }
-});
-const emits = defineEmits(["close", "ok"]);
-const open = (action: "save" | "update", data?: any, title?: string) => {
-  pageData.title = title;
-  const menuType = data?.menuType | 0;
-  if (menuType === 0) {
-    pageData.formRules = pageData.dirFormRules;
-  } else if (menuType === 1) {
-    pageData.formRules = pageData.menuFormRules;
-  } else {
-    pageData.formRules = pageData.permissionFormRules;
-  }
-  queryTreeMenu();
-  switch (action) {
-    case "save":
-      pageData.formData = {
-        menuType: 0,
-        isFrame: 0,
-        showLink: true,
-        enable: true,
-        keepAlive: false,
-        showParent: true
-      };
-      if (data) {
-        pageData.formData = Object.assign(pageData.formData, data);
-      }
-
-      break;
-    case "update":
-      pageData.formData = cloneDeep(data);
-      break;
-  }
-  pageData.isShow = true;
-};
-/**
- * 查询菜单树形列表
- */
-const queryTreeMenu = () => {
-  pageData.formLoading = true;
-  permissionApi
-    .treeMenus({})
-    .then((res: any) => {
-      if (res.success) {
-        pageData.treeMenus = res.result;
-      }
-    })
-    .finally(() => {
-      pageData.formLoading = false;
-    });
-};
-const handleChangeMenuType = (val: number) => {
-  setTimeout(function () {
-    formRef.value!.clearValidate([
-      "menuType",
-      "title",
-      "rank",
-      "path",
-      "perms"
-    ]);
-  }, 30);
-
-  if (val === 0) {
-    pageData.formRules = pageData.dirFormRules;
-  } else if (val === 1) {
-    pageData.formRules = pageData.menuFormRules;
-  } else {
-    pageData.formRules = pageData.permissionFormRules;
-  }
-};
-const handleConfirm = () => {
-  formRef.value!.validate((isValid: boolean) => {
-    if (isValid) {
-      if (pageData.formData.id) {
-        _update();
-      } else {
-        _save();
-      }
-    } else {
-      message("表单校验失败", { type: "warning" });
-    }
-  });
-};
-const _update = () => {
-  pageData.formLoading = true;
-  const data = cloneDeep(pageData.formData);
-  permissionApi
-    .updatePermission(pageData.formData.id, data)
-    .then((res: any) => {
-      if (res.success) {
-        _handleConfirm();
-      } else {
-        message(res.message, { type: "warning" });
-      }
-    })
-    .finally(() => {
-      pageData.formLoading = false;
-    });
-};
-const _save = () => {
-  pageData.formLoading = true;
-  const data = cloneDeep(pageData.formData);
-  permissionApi
-    .savePermission(data)
-    .then((res: any) => {
-      if (res.success) {
-        _handleConfirm();
-      } else {
-        message(res.message, { type: "warning" });
-      }
-    })
-    .finally(() => {
-      pageData.formLoading = false;
-    });
-};
-/**
- * 关闭之前会调用
- */
-const _handleClose = () => {
-  pageData.isShow = false;
-  emits("close");
-};
-const _handleConfirm = () => {
-  pageData.isShow = false;
-  emits("ok");
-};
-defineOptions({ name: "MenuEdit" });
-defineExpose({ open });
-</script>
-
-<template>
-  <el-drawer
-    size="40%"
-    v-model="pageData.isShow"
-    destroy-on-close
-    modal
-    :close-on-click-modal="false"
-    :title="pageData.title"
-    :before-close="_handleClose"
-  >
-    <el-form
-      ref="formRef"
-      :model="pageData.formData"
-      v-loading="pageData.formLoading"
-      :rules="pageData.formRules"
-      label-position="left"
-    >
-      <el-form-item label="菜单类型" prop="menuType">
-        <el-radio-group
-          v-model="pageData.formData.menuType"
-          @change="handleChangeMenuType"
-        >
-          <el-radio-button
-            v-for="(item, index) in MenuTypeOptions"
-            :label="item.value"
-            :key="index"
-            >{{ item.label }}</el-radio-button
-          >
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item
-        label="菜单图标"
-        prop="icon"
-        v-if="pageData.formData.menuType !== 2"
-      >
-        <icon-select v-model="pageData.formData.icon" style="width: 100%" />
-      </el-form-item>
-      <el-form-item
-        label="是否外链"
-        prop="isFrame"
-        v-if="pageData.formData.menuType !== 2"
-      >
-        <template #label>
-          <from-question
-            label="是否外链"
-            description="选择是外链则路由地址需要以`http(s)://`开头"
-          />
-        </template>
-        <el-radio-group v-model="pageData.formData.isFrame">
-          <el-radio-button
-            v-for="(item, index) in ifNumberOptions"
-            :label="item.value"
-            :key="index"
-            >{{ item.label }}</el-radio-button
-          >
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item
-        label="菜单可见"
-        props="showLink"
-        v-if="pageData.formData.menuType !== 2"
-      >
-        <template #label>
-          <from-question
-            label="菜单可见"
-            description="选择隐藏则路由将不会出现在侧边栏，但仍然可以访问"
-          />
-        </template>
-        <el-radio-group v-model="pageData.formData.showLink">
-          <el-radio-button
-            v-for="(item, index) in ifOptions"
-            :label="item.value"
-            :key="index"
-            >{{ item.label }}</el-radio-button
-          >
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item
-        label="菜单名称"
-        prop="title"
-        v-if="pageData.formData.menuType !== 2"
-      >
-        <el-input
-          v-model="pageData.formData.title"
-          clearable
-          placeholder="请输入菜单名称"
-        />
-      </el-form-item>
-      <el-form-item
-        label="是否缓存"
-        prop="keepAlive"
-        v-if="pageData.formData.menuType === 1"
-      >
-        <template #label>
-          <from-question
-            label="是否缓存"
-            description="选择是则会被`keep-alive`缓存，需要匹配组件的`name`和地址保持一致"
-          />
-        </template>
-        <el-radio-group v-model="pageData.formData.keepAlive">
-          <el-radio-button
-            v-for="(item, index) in ifOptions"
-            :label="item.value"
-            :key="index"
-            >{{ item.label }}</el-radio-button
-          >
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item
-        label="显示父级菜单"
-        prop="showParent"
-        v-if="pageData.formData.menuType === 1"
-      >
-        <el-radio-group v-model="pageData.formData.showParent">
-          <el-radio-button
-            v-for="(item, index) in ifOptions"
-            :label="item.value"
-            :key="index"
-            >{{ item.label }}</el-radio-button
-          >
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item
-        label="组件名称"
-        prop="name"
-        v-if="pageData.formData.menuType === 1"
-      >
-        <el-input
-          v-model="pageData.formData.name"
-          clearable
-          placeholder="组件名称"
-        />
-      </el-form-item>
-      <el-form-item
-        label="组件路径"
-        prop="component"
-        v-if="pageData.formData.menuType === 1"
-      >
-        <template #label>
-          <from-question
-            label="组件路径"
-            description="访问的组件路径，如：`system/user/index`，默认在`views`目录下"
-          />
-        </template>
-        <el-input
-          v-model="pageData.formData.component"
-          clearable
-          placeholder="请输入组件路径"
-        />
-      </el-form-item>
-      <el-form-item
-        label="路由地址"
-        prop="path"
-        v-if="pageData.formData.menuType !== 2"
-      >
-        <template #label>
-          <from-question
-            label="路由地址"
-            description="访问的路由地址，如：`user`，如外网地址需内链访问则以`http(s)://`开头"
-          />
-        </template>
-        <el-input
-          v-model="pageData.formData.path"
-          clearable
-          placeholder="请输入路由地址"
-        />
-      </el-form-item>
-      <el-form-item
-        label="菜单状态"
-        prop="enable"
-        v-if="pageData.formData.menuType !== 2"
-      >
-        <template #label>
-          <from-question
-            label="菜单状态"
-            description="选择停用则路由将不会出现在侧边栏，也不能被访问"
-          />
-        </template>
-        <el-radio-group v-model="pageData.formData.enable">
-          <el-radio-button
-            v-for="(item, index) in ifEnableOptions"
-            :label="item.value"
-            :key="index"
-            >{{ item.label }}</el-radio-button
-          >
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item
-        label="权限名称"
-        prop="title"
-        v-if="pageData.formData.menuType === 2"
-      >
-        <el-input
-          v-model="pageData.formData.title"
-          clearable
-          placeholder="请输入权限名称"
-        />
-      </el-form-item>
-      <el-form-item
-        label="权限标识"
-        prop="perms"
-        v-if="pageData.formData.menuType === 2"
-      >
-        <template #label>
-          <from-question
-            label="权限标识"
-            description="控制器中定义的权限字符，如：@PreAuthorize(`@permission.hashPermission('menu:query')`)"
-          />
-        </template>
-        <el-input
-          v-model="pageData.formData.perms"
-          clearable
-          placeholder="请输入权限标识"
-        />
-      </el-form-item>
-      <el-form-item label="显示排序" prop="rank">
-        <el-input-number
-          style="width: 100%"
-          v-model="pageData.formData.rank"
-          :min="0"
-          :max="999"
-          controls-position="right"
-        />
-      </el-form-item>
-      <el-form-item label="上级菜单" prop="parentId">
-        <el-tree-select
-          v-model="pageData.formData.parentId"
-          :data="pageData.treeMenus"
-          :props="{ children: 'children', label: 'title' }"
-          node-key="id"
-          accordion
-          filterable
-          check-strictly
-          clearable
-          style="width: 100%"
-        />
-      </el-form-item>
-    </el-form>
-    <template #footer>
-      <div class="demo-drawer__footer">
-        <el-button @click="_handleClose">取消</el-button>
-        <el-button type="primary" @click="handleConfirm">确认</el-button>
-      </div>
-    </template>
-  </el-drawer>
-</template>
-
-<style scoped></style>

agent-ui/views/system/modules/reset-passwd.vue

@@ -1,238 +0,0 @@
-<script setup lang="ts">
-import { reactive, computed, ref } from "vue";
-import { useUserStoreHook } from "@/store/modules/user";
-import * as $userApi from "@/api/sys/user";
-import message from "@/utils/message";
-const userStore = useUserStoreHook();
-const form = ref();
-const pageData: any = reactive({
-  mode: "self",
-  modalParam: {
-    visible: false,
-    closeOnClickModal: true
-  },
-  currentData: {},
-  formParam: {
-    infoForm: {},
-    loading: false
-  }
-});
-const validatePass = (rule: any, value: any, callback: any) => {
-  if (value === "") {
-    callback(new Error("请输入新密码"));
-  } else if (
-    value === pageData.formParam.infoForm.oldPassword &&
-    pageData.mode === "self"
-  ) {
-    callback(new Error("输入新密码与旧密码不能相同"));
-  } else {
-    callback();
-  }
-};
-const validatePass2 = (rule: any, value: any, callback: any) => {
-  if (value === "") {
-    callback(new Error("请再次输入新密码"));
-  } else if (value !== pageData.formParam.infoForm.newPassword) {
-    callback(new Error("两次输入密码不正确"));
-  } else {
-    callback();
-  }
-};
-const username = computed(() => {
-  if (pageData.currentData) {
-    return pageData.currentData.username;
-  }
-  return userStore.username;
-});
-const formRules = computed(() => {
-  const rules: any = {
-    newPassword: [
-      {
-        required: true,
-        message: "请输入新密码",
-        trigger: "blur"
-      },
-      { min: 6, max: 20, message: "长度在 6 到 20 个字符", trigger: "blur" },
-      { validator: validatePass, trigger: "blur" }
-    ],
-    confirmPassword: [
-      {
-        required: true,
-        message: "请输入确认密码",
-        trigger: "blur"
-      },
-      { min: 6, max: 20, message: "长度在 6 到 20 个字符", trigger: "blur" },
-      { validator: validatePass2, trigger: "blur" }
-    ]
-  };
-  if (username.value === userStore.username) {
-    rules.oldPassword = [
-      {
-        required: true,
-        message: "请输入原密码",
-        trigger: "blur"
-      }
-    ];
-  }
-  return rules;
-});
-const formFields = computed(() => {
-  const fields: any[] = [
-    {
-      type: "input",
-      label: "新密码",
-      prop: "newPassword",
-      placeholder: "请输入新密码"
-    },
-    {
-      type: "input",
-      label: "确认密码",
-      prop: "confirmPassword",
-      placeholder: "请输入确认密码"
-    }
-  ];
-  if (username.value === userStore.username) {
-    fields.splice(1, 0, {
-      type: "input",
-      label: "原密码",
-      prop: "oldPassword",
-      placeholder: "请输入原密码"
-    });
-  }
-  return fields;
-});
-const open = (data?: any) => {
-  pageData.currentData = data;
-  if (data) {
-    pageData.mode = "other";
-  }
-  pageData.modalParam.visible = true;
-};
-const initData = () => {
-  pageData.formParam.infoForm = {};
-  pageData.currentData = undefined;
-  pageData.modalParam.visible = false;
-};
-const handleClose = () => {
-  initData();
-  emits("close");
-};
-const handleConfirm = () => {
-  form.value!.validate((isValid: boolean) => {
-    if (isValid) {
-      if (pageData.mode === "self") {
-        changePasswd();
-      } else {
-        resetPasswd();
-      }
-    }
-  });
-};
-const changePasswd = () => {
-  const data = pageData.formParam.infoForm;
-  pageData.formParam.loading = true;
-  $userApi
-    .changePasswd(username.value, data)
-    .then((res: any) => {
-      if (res.success) {
-        message.success("更新密码成功,下次登陆生效");
-        initData();
-        emits("confirm");
-      } else {
-        message.error(res.message);
-      }
-    })
-    .finally(() => {
-      pageData.formParam.loading = false;
-    });
-};
-const resetPasswd = () => {
-  const data = pageData.formParam.infoForm;
-  pageData.formParam.loading = true;
-  $userApi
-    .resetPasswd(username.value, data)
-    .then((res: any) => {
-      if (res.success) {
-        message.success("重置密码成功,下次登陆生效");
-        initData();
-        emits("confirm");
-      } else {
-        message.error(res.message);
-      }
-    })
-    .finally(() => {
-      pageData.formParam.loading = false;
-    });
-};
-const emits = defineEmits(["close", "confirm"]);
-defineExpose({
-  open
-});
-defineOptions({
-  name: "UserResetPasswd"
-});
-</script>
-
-<template>
-  <div>
-    <el-dialog
-      title="重置密码"
-      v-model="pageData.modalParam.visible"
-      :close-on-click-modal="pageData.modalParam.closeOnClickModal"
-      width="30%"
-      @close="handleClose"
-    >
-      <!---->
-      <div class="flex justify-center items-center m-5">
-        <div class="font-bold text-lg">{{ username }}</div>
-      </div>
-      <el-form
-        :model="pageData.formParam.infoForm"
-        :rules="formRules"
-        ref="form"
-        label-width="100px"
-        class="w-full"
-        v-loading="pageData.formParam.loading"
-      >
-        <el-form-item
-          v-for="(item, index) in formFields"
-          :key="index"
-          :prop="item.prop"
-          :label="item.label"
-        >
-          <template v-if="item.type === 'input'">
-            <el-input
-              v-model="pageData.formParam.infoForm[item.prop]"
-              :placeholder="item.placeholder"
-              type="password"
-              show-password
-              clearable
-            />
-          </template>
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <span class="dialog-footer">
-          <el-button plain @click="handleClose">取消</el-button>
-          <el-popconfirm
-            title="确认提交?"
-            @confirm="handleConfirm"
-            confirm-button-text="确定"
-            cancel-button-text="取消"
-          >
-            <template #reference>
-              <el-button
-                type="primary"
-                plain
-                v-loading="pageData.formParam.loading"
-                >提 交</el-button
-              >
-            </template>
-          </el-popconfirm>
-        </span>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<style lang="scss" scoped></style>

agent-ui/views/system/modules/role-edit.vue

@@ -1,174 +0,0 @@
-<script setup lang="ts">
-import { reactive, ref } from "vue";
-import { enableOptions } from "@/constants/constants";
-import * as roleApi from "@/api/sys/role";
-import { message } from "@/utils/message";
-import type { FormInstance } from "element-plus";
-import { cloneDeep } from "@pureadmin/utils";
-const checkRoleCode = (rule: any, value: any, callback: any) => {
-  if (value === "") {
-    callback(new Error("请输入角色编码"));
-  } else {
-    const id = pageData.formData.id;
-    roleApi.checkCode(value, id).then((res: any) => {
-      if (res.success) {
-        if (res.result) {
-          callback(new Error("编码重复"));
-        }
-      }
-    });
-    callback();
-  }
-};
-const formRef = ref<FormInstance>();
-const pageData: any = reactive({
-  dialogVisible: false,
-  title: "新增角色",
-  formLoading: false,
-  isUpdate: false,
-  formData: {
-    roleCode: "",
-    roleName: "",
-    description: "",
-    enable: 1
-  },
-  formRules: {
-    roleCode: [
-      { required: true, message: "请输入角色编码", trigger: "blur" },
-      { validator: checkRoleCode, trigger: "blur" }
-    ],
-    roleName: [{ required: true, message: "请输入角色名称", trigger: "blur" }],
-    enable: [{ required: true, message: "请选择状态", trigger: "change" }]
-  }
-});
-const emits = defineEmits(["ok", "close"]);
-const open = (data?: any, title?: string) => {
-  pageData.formData = data || {
-    roleCode: "",
-    roleName: "",
-    description: "",
-    enable: 1
-  };
-  pageData.title = title || "新增角色";
-  pageData.isUpdate = !!pageData.formData.id;
-  pageData.dialogVisible = true;
-};
-const handleClose = () => {
-  pageData.dialogVisible = false;
-  emits("close");
-};
-const handleConfirm = () => {
-  formRef.value!.validate((isValid: boolean) => {
-    if (isValid) {
-      const { id } = pageData.formData;
-      if (id) {
-        _update();
-      } else {
-        _save();
-      }
-    } else {
-      message("表单校验失败", { type: "warning" });
-    }
-  });
-};
-const _save = () => {
-  pageData.formLoading = true;
-  const _data = cloneDeep(pageData.formData);
-  roleApi
-    .roleSave(_data)
-    .then((res: any) => {
-      if (res.success) {
-        _confirm();
-      } else {
-        message(res.message, { type: "warning" });
-      }
-    })
-    .finally(() => {
-      pageData.formLoading = false;
-    });
-};
-const _update = () => {
-  pageData.formLoading = true;
-  const _data = cloneDeep(pageData.formData);
-  roleApi
-    .roleUpdate(pageData.formData.id, _data)
-    .then((res: any) => {
-      if (res.success) {
-        _confirm();
-      } else {
-        message(res.message, { type: "warning" });
-      }
-    })
-    .finally(() => {
-      pageData.formLoading = false;
-    });
-};
-const _confirm = () => {
-  pageData.dialogVisible = false;
-  emits("ok");
-};
-defineExpose({ open });
-defineOptions({ name: "RoleEdit" });
-</script>
-
-<template>
-  <el-dialog
-    v-model="pageData.dialogVisible"
-    :title="pageData.title"
-    destroy-on-close
-    :width="800"
-  >
-    <div class="el-dialog-content">
-      <el-form
-        :model="pageData.formData"
-        style="margin-top: 20px; width: 70%"
-        label-width="auto"
-        :rules="pageData.formRules"
-        ref="formRef"
-        :loading="pageData.formLoading"
-      >
-        <el-form-item label="角色编码" prop="roleCode">
-          <el-input
-            v-model="pageData.formData.roleCode"
-            clearable
-            placeholder="请输入角色编码"
-            :disabled="pageData.isUpdate"
-          />
-        </el-form-item>
-        <el-form-item label="角色名称" prop="roleName">
-          <el-input
-            v-model="pageData.formData.roleName"
-            clearable
-            placeholder="请输入角色名称"
-          />
-        </el-form-item>
-        <el-form-item label="描述" prop="description">
-          <el-input
-            type="textarea"
-            v-model="pageData.formData.description"
-            :autosize="{ minRows: 3 }"
-            clearable
-            placeholder="文本输入，不得超过200"
-            max="200"
-          />
-        </el-form-item>
-        <el-form-item label="状态" prop="enable">
-          <el-radio-group v-model="pageData.formData.enable">
-            <el-radio
-              v-for="(item, index) in enableOptions"
-              :label="item.value"
-              :key="index"
-              >{{ item.label }}</el-radio
-            >
-          </el-radio-group>
-        </el-form-item>
-      </el-form>
-    </div>
-    <template #footer>
-      <el-button @click="handleClose">取消</el-button>
-      <el-button type="primary" @click="handleConfirm">确认</el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style scoped></style>

agent-ui/views/system/modules/role-permission.vue

@@ -1,170 +0,0 @@
-<script setup lang="ts">
-import { reactive, onMounted, ref } from "vue";
-import { treeList as permissionTree } from "@/api/sys/permission";
-import * as roleApi from "@/api/sys/role";
-import { useRenderIcon } from "@/components/ReIcon/src/hooks";
-import { Result } from "@/api/base";
-import message from "@/utils/message";
-import { ElMessageBox, type ElTree } from "element-plus";
-const treeRef = ref<InstanceType<typeof ElTree>>();
-const pageData: any = reactive({
-  isShow: false,
-  title: "角色权限",
-  treeLoading: false,
-  role: {},
-  rolePermission: [],
-  permissionTree: []
-});
-const emits = defineEmits(["close", "ok"]);
-const open = (role: any) => {
-  pageData.role = role;
-  loadRolePermission();
-  pageData.isShow = true;
-};
-
-const handleSelect = (all: boolean) => {
-  all
-    ? treeRef.value!.setCheckedNodes(pageData.permissionTree)
-    : treeRef.value!.setCheckedNodes([]);
-};
-const handleExpand = (all: boolean) => {
-  all
-    ? foldAll(pageData.permissionTree, true)
-    : foldAll(pageData.permissionTree, false);
-};
-const foldAll = (data: any, expanded: boolean) => {
-  data.forEach((el: any) => {
-    const node = treeRef.value!.store.nodesMap[el.id];
-    if (node) {
-      node.expanded = expanded;
-    }
-    el.children && el.children.length > 0 ? foldAll(el.children, expanded) : "";
-  });
-};
-const _handleClose = () => {
-  pageData.isShow = false;
-  emits("close");
-};
-const handleConfirm = (close?: boolean) => {
-  const keys = treeRef.value!.getCheckedKeys(true);
-  ElMessageBox.confirm("确认是否更新授权", "更新授权", { type: "warning" })
-    .then(() => {
-      _updatePermission(keys, close);
-    })
-    .catch(() => {});
-};
-const _updatePermission = (permissionIds: any, close?: boolean) => {
-  pageData.treeLoading = true;
-  roleApi
-    .updatePermission(pageData.role.id, permissionIds)
-    .then((res: any) => {
-      if (res.success) {
-        message.success("更新授权成功");
-        if (close) {
-          _handleClose();
-        } else {
-          loadRolePermission();
-        }
-      } else {
-        message.warning(res.message);
-      }
-    })
-    .finally(() => {
-      pageData.treeLoading = false;
-    });
-};
-onMounted(() => {
-  loadPermission();
-});
-const loadPermission = () => {
-  permissionTree<any, any>({ enable: 1 }).then((res: any) => {
-    if (res.success) {
-      pageData.permissionTree = res.result;
-    }
-  });
-};
-const loadRolePermission = () => {
-  pageData.treeLoading = true;
-  roleApi
-    .queryPermission(pageData.role.id)
-    .then((res: Result<string[]>) => {
-      if (res.success) {
-        pageData.rolePermission = res.result;
-        treeRef.value!.setCheckedKeys(res.result);
-      } else {
-        message.warning(res.message);
-      }
-    })
-    .finally(() => {
-      pageData.treeLoading = false;
-    });
-};
-defineExpose({ open });
-defineOptions({ name: "RolePermission" });
-</script>
-
-<template>
-  <el-drawer
-    v-model="pageData.isShow"
-    destroy-on-close
-    modal
-    :close-on-click-modal="false"
-    :title="pageData.title"
-    :before-close="_handleClose"
-    class="el-drawer-header"
-  >
-    <div class="flex flex-col h-full">
-      <el-form label-position="top">
-        <el-form-item label="所拥有的权限:">
-          <el-tree
-            ref="treeRef"
-            :data="pageData.permissionTree"
-            :props="{ label: 'title', children: 'children' }"
-            node-key="id"
-            show-checkbox
-            default-expand-all
-            :check-strictly="false"
-            style="width: 100%"
-            v-loading="pageData.treeLoading"
-          />
-        </el-form-item>
-      </el-form>
-    </div>
-    <template #footer>
-      <div class="flex justify-between items-center">
-        <div class="right">
-          <el-dropdown trigger="click" placement="top">
-            <el-button>
-              批量操作 <component :is="useRenderIcon('ep:arrow-up')"
-            /></el-button>
-            <template #dropdown>
-              <el-dropdown-menu>
-                <el-dropdown-item @click="handleSelect(true)"
-                  >全部勾选</el-dropdown-item
-                >
-                <el-dropdown-item @click="handleSelect(false)"
-                  >取消全部</el-dropdown-item
-                >
-                <el-dropdown-item @click="handleExpand(true)"
-                  >展开所有</el-dropdown-item
-                >
-                <el-dropdown-item @click="handleExpand(false)"
-                  >合并所有</el-dropdown-item
-                >
-              </el-dropdown-menu>
-            </template>
-          </el-dropdown>
-        </div>
-        <div class="left">
-          <el-button @click="_handleClose">取消</el-button>
-          <el-button type="primary" @click="handleConfirm(false)" plain
-            >确认</el-button
-          >
-          <el-button type="primary" @click="handleConfirm(true)"
-            >确认并关闭</el-button
-          >
-        </div>
-      </div>
-    </template>
-  </el-drawer>
-</template>

agent-ui/views/system/modules/user-edit.vue

@@ -1,457 +0,0 @@
-<script setup lang="ts">
-import { reactive, ref, computed } from "vue";
-import * as $userApi from "@/api/sys/user";
-import message from "@/utils/message";
-const formRef = ref();
-
-const checkUsername = (rule: any, value: any, callback: any) => {
-  if (value === "") {
-    callback(new Error("请输入帐号"));
-  } else {
-    if (pageData.mode === "add") {
-      $userApi.hashUsername(value).then((res: any) => {
-        if (res.success) {
-          if (res.result) {
-            callback(new Error("帐号已存在，请重新输入"));
-          } else {
-            callback();
-          }
-        } else {
-          callback(new Error("帐号已存在，请重新输入"));
-        }
-      });
-    }
-  }
-};
-const validatePass2 = (rule: any, value: any, callback: any) => {
-  if (value === "") {
-    callback(new Error("请再次输入密码"));
-  } else if (value !== pageData.formParam.infoForm.password) {
-    callback(new Error("两次输入密码不正确"));
-  } else {
-    callback();
-  }
-};
-const pageData: any = reactive({
-  mode: "add",
-  modalParam: {
-    visible: false,
-    title: "用户新增",
-    closeOnclickModal: true
-  },
-  formParam: {
-    formFields: [
-      {
-        type: "input",
-        label: "帐号",
-        prop: "username",
-        placeholder: "请输入帐号"
-      },
-      {
-        type: "input",
-        label: "姓名",
-        prop: "nickname",
-        placeholder: "请输入姓名"
-      },
-      {
-        type: "input",
-        label: "密码",
-        prop: "password",
-        placeholder: "请输入密码",
-        options: {
-          type: "password",
-          showPassword: true
-        }
-      },
-      {
-        type: "input",
-        label: "确认密码",
-        prop: "confirmPassword",
-        placeholder: "请输入确认密码",
-        options: {
-          type: "password",
-          showPassword: true
-        }
-      },
-      {
-        type: "select",
-        label: "分配角色",
-        prop: "roleIds",
-        placeholder: "请选择分配角色",
-        dataSourceKey: "roleList",
-        options: {
-          filterable: true,
-          multiple: true,
-          keys: {
-            prop: "id",
-            value: "id",
-            label: "roleName"
-          }
-        }
-      },
-      {
-        type: "select",
-        label: "状态",
-        prop: "enable",
-        placeholder: "请选择",
-        dataSourceKey: "enabledOptions",
-        options: {
-          keys: {
-            label: "label",
-            value: "value",
-            prop: "value"
-          },
-          filterable: true
-        }
-      }
-    ],
-    infoForm: {},
-    rules: {
-      orgId: [{ required: true, message: "请选择所属机构", trigger: "change" }],
-      username: [
-        { required: true, message: "请输入帐号", trigger: "blur" },
-        { min: 4, max: 20, message: "长度在 4 到 20 个字符", trigger: "blur" },
-        { validator: checkUsername, trigger: "blur" },
-        {
-          pattern: /^[a-zA-Z0-9]{4,20}$/,
-          message: "只能输入4-20个字母、数字",
-          trigger: "blur"
-        }
-      ],
-      nickname: [
-        { required: true, message: "请输入姓名", trigger: "blur" },
-        { min: 2, max: 20, message: "长度在 2 到 20 个字符", trigger: "blur" }
-      ],
-      enable: [{ required: true, message: "请选择状态", trigger: "change" }],
-      password: [
-        { required: true, message: "请输入密码", trigger: "blur" },
-        { min: 6, max: 20, message: "长度在 6 到 20 个字符", trigger: "blur" }
-      ],
-      confirmPassword: [
-        { required: true, message: "请输入确认密码", trigger: "blur" },
-        { min: 6, max: 20, message: "长度在 6 到 20 个字符", trigger: "blur" },
-        { validator: validatePass2, trigger: "blur" }
-      ]
-    },
-    loading: false
-  },
-  dataSource: {
-    enabledOptions: [],
-    roleList: []
-  }
-});
-const showFormItem = computed(() => (item: any) => {
-  if (pageData.mode === "add") {
-    return true;
-  }
-  return item.prop !== "confirmPassword" && item.prop !== "password";
-});
-const formFields = computed(() => {
-  const fields: any[] = [
-    {
-      type: "input",
-      label: "帐号",
-      prop: "username",
-      placeholder: "请输入帐号"
-    },
-    {
-      type: "input",
-      label: "姓名",
-      prop: "nickname",
-      placeholder: "请输入姓名"
-    },
-    {
-      type: "select",
-      label: "分配角色",
-      prop: "roleIds",
-      placeholder: "请选择分配角色",
-      dataSourceKey: "roleList",
-      options: {
-        filterable: true,
-        multiple: true,
-        keys: {
-          prop: "id",
-          value: "id",
-          label: "roleName"
-        }
-      }
-    },
-    {
-      type: "select",
-      label: "状态",
-      prop: "enable",
-      placeholder: "请选择",
-      dataSourceKey: "enabledOptions",
-      options: {
-        keys: {
-          label: "label",
-          value: "value",
-          prop: "value"
-        },
-        filterable: true
-      }
-    }
-  ];
-  if (pageData.mode === "add") {
-    fields.splice(
-      3,
-      0,
-      {
-        type: "input",
-        label: "密码",
-        prop: "password",
-        placeholder: "请输入密码",
-        options: {
-          type: "password",
-          showPassword: true
-        }
-      },
-      {
-        type: "input",
-        label: "确认密码",
-        prop: "confirmPassword",
-        placeholder: "请输入确认密码",
-        options: {
-          type: "password",
-          showPassword: true
-        }
-      }
-    );
-  }
-  return fields;
-});
-const formRules = computed(() => {
-  const rule: any = {
-    orgId: [{ required: true, message: "请选择所属机构", trigger: "change" }],
-    username: [
-      { required: true, message: "请输入帐号", trigger: "blur" },
-      { min: 4, max: 20, message: "长度在 4 到 20 个字符", trigger: "blur" },
-
-      {
-        pattern: /^[a-zA-Z0-9]{4,20}$/,
-        message: "只能输入4-20个字母、数字",
-        trigger: "blur"
-      }
-    ],
-    nickname: [
-      { required: true, message: "请输入姓名", trigger: "blur" },
-      { min: 2, max: 20, message: "长度在 2 到 20 个字符", trigger: "blur" }
-    ],
-    enable: [{ required: true, message: "请选择状态", trigger: "change" }]
-  };
-
-  if (pageData.mode === "add") {
-    rule["password"] = [
-      { required: true, message: "请输入密码", trigger: "blur" },
-      { min: 6, max: 20, message: "长度在 6 到 20 个字符", trigger: "blur" }
-    ];
-    rule["confirmPassword"] = [
-      { required: true, message: "请输入确认密码", trigger: "blur" },
-      { min: 6, max: 20, message: "长度在 6 到 20 个字符", trigger: "blur" },
-      { validator: validatePass2, trigger: "blur" }
-    ];
-    rule.username.push({
-      validator: checkUsername,
-      trigger: "blur"
-    });
-  }
-
-  return rule;
-});
-const disabledFields = computed(() => (item: any) => {
-  if (pageData.mode === "add") {
-    return false;
-  }
-  if (pageData.mode === "detail") {
-    return true;
-  }
-  return item.prop === "orgId" || item.prop === "username";
-});
-const showBtn = computed(() => {
-  if (pageData.mode === "detail") {
-    return false;
-  }
-  return true;
-});
-const queryUserRoleId = () => {
-  if (!pageData.formParam.infoForm.id) {
-    return;
-  }
-  $userApi.queryRoleIds(pageData.formParam.infoForm.id).then((res: any) => {
-    if (res.success) {
-      pageData.formParam.infoForm.roleIds = res.result;
-    }
-  });
-};
-const open = (infoForm: any, dataSource: any, mode: string) => {
-  pageData.mode = mode;
-  pageData.formParam.infoForm = infoForm;
-  pageData.dataSource = dataSource;
-  if (mode !== "add") {
-    queryUserRoleId();
-  }
-  if (mode === "edit") {
-    pageData.modalParam.title = "会员编辑";
-  }
-  if (mode === "detail") {
-    pageData.modalParam.closeOnclickModal = true;
-  } else {
-    pageData.modalParam.closeOnclickModal = false;
-  }
-  pageData.modalParam.visible = true;
-};
-const initData = () => {
-  pageData.formParam.infoForm = { enable: 1 };
-  pageData.formParam.loading = false;
-  pageData.modalParam.closeOnclickModal = true;
-  pageData.mode = "add";
-  pageData.modalParam.visible = false;
-};
-const _handleClose = () => {
-  initData();
-  emits("close");
-};
-const handleCancel = () => {
-  pageData.modalParam.visible = false;
-};
-const handleConfirm = () => {
-  formRef.value!.validate((isValid: boolean) => {
-    if (isValid) {
-      if (pageData.mode === "add") {
-        save();
-      } else {
-        update();
-      }
-    }
-  });
-};
-const save = () => {
-  pageData.formParam.loading = true;
-  const params = pageData.formParam.infoForm;
-  $userApi
-    .save(params)
-    .then((res: any) => {
-      if (res.success) {
-        initData();
-        emits("confirm");
-        message.success("保存成功");
-      } else {
-        message.error(res.message);
-      }
-    })
-    .finally(() => {
-      pageData.formParam.loading = false;
-    });
-};
-const update = () => {
-  pageData.formParam.loading = true;
-  const params = pageData.formParam.infoForm;
-  $userApi
-    .update(params.id, params)
-    .then((res: any) => {
-      if (res.success) {
-        initData();
-        emits("confirm");
-        message.success("保存成功");
-      } else {
-        message.error(res.message);
-      }
-    })
-    .finally(() => {
-      pageData.formParam.loading = false;
-    });
-};
-defineOptions({
-  name: "UserEdit"
-});
-const emits = defineEmits(["close", "confirm"]);
-defineExpose({ open });
-</script>
-
-<template>
-  <div>
-    <el-drawer
-      v-model="pageData.modalParam.visible"
-      :title="pageData.modalParam.title"
-      destroy-on-close
-      modal
-      :close-on-click-modal="pageData.modalParam.closeOnclickModal"
-      :before-close="_handleClose"
-    >
-      <template #header>
-        <span style="font-weight: 700">{{ pageData.modalParam.title }}</span>
-      </template>
-      <el-form
-        :model="pageData.formParam.infoForm"
-        :rules="formRules"
-        label-position="left"
-        ref="formRef"
-        v-loading="pageData.formParam.loading"
-      >
-        <el-form-item
-          v-for="(item, index) in formFields"
-          :label="item.label"
-          :prop="item.prop"
-          :key="index"
-          class="form-row"
-          v-show="showFormItem(item)"
-        >
-          <template v-if="item.type === 'input'">
-            <el-input
-              v-model="pageData.formParam.infoForm[item.prop]"
-              clearable
-              :type="item.options?.type ?? 'text'"
-              :show-password="item.options?.showPassword ?? false"
-              :disabled="disabledFields(item)"
-            />
-          </template>
-          <template v-if="item.type === 'select'">
-            <el-select
-              style="width: 1000%"
-              v-model="pageData.formParam.infoForm[item.prop]"
-              :clearable="item.options?.clearable ?? false"
-              :filterable="item.options?.filterable ?? false"
-              :multiple="item.options?.multiple ?? false"
-              :disabled="disabledFields(item)"
-            >
-              <el-option
-                v-for="val in pageData.dataSource[item.dataSourceKey]"
-                :label="val[item.options?.keys?.label ?? 'label']"
-                :key="val[item.options?.keys?.value ?? 'value']"
-                :value="val[item.options?.keys?.value ?? 'value']"
-              />
-            </el-select>
-          </template>
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <el-popconfirm
-          title="确定放弃编辑？"
-          ok-text="确定"
-          cancel-text="取消"
-          @confirm="handleCancel"
-        >
-          <template #reference>
-            <el-button v-show="showBtn" plain>取 消</el-button>
-          </template>
-        </el-popconfirm>
-        <el-popconfirm
-          title="确认提交?"
-          @confirm="handleConfirm"
-          confirm-button-text="确定"
-          cancel-button-text="取消"
-        >
-          <template #reference>
-            <el-button
-              type="primary"
-              plain
-              v-show="showBtn"
-              v-loading="pageData.formParam.loading"
-              >提 交</el-button
-            >
-          </template>
-        </el-popconfirm>
-      </template>
-    </el-drawer>
-  </div>
-</template>

agent-ui/views/system/modules/user-list.vue

@@ -1,420 +0,0 @@
-<script setup lang="ts">
-import FormSearch, { type FormField } from "@/components/opts/form-search.vue";
-import TableButtons from "@/components/opts/btns2.vue";
-import UserResetPasswd from "./reset-passwd.vue";
-import UserEdit from "./user-edit.vue";
-import { PureTable } from "@pureadmin/table";
-import { enableOptions } from "@/constants/constants";
-import { reactive, computed, ref, onMounted } from "vue";
-import * as $userApi from "@/api/sys/user";
-import { roleQueryList } from "@/api/sys/role";
-import { onBeforeMount } from "vue";
-import { hasAuth } from "@/router/utils";
-import message from "@/utils/message";
-import { useRenderIcon } from "@/components/ReIcon/src/hooks";
-import { watch } from "vue";
-const userEditRef = ref();
-const userResetPasswdRef = ref();
-defineOptions({
-  name: "userList"
-});
-const props: any = defineProps({
-  mode: {
-    required: false,
-    type: String,
-    default: "table"
-  }
-});
-const searchFormFields = computed((): FormField[] => {
-  const fields: FormField[] = [
-    {
-      type: "input",
-      label: "帐号",
-      prop: "username",
-      placeholder: "请输入帐号模糊查询"
-    },
-    {
-      type: "input",
-      label: "姓名",
-      prop: "nickname",
-      placeholder: "请输入姓名模糊查询"
-    },
-    {
-      type: "select",
-      label: "状态",
-      prop: "enable",
-      placeholder: "请选择",
-      dataSourceKey: "enabledOptions",
-      options: {
-        keys: {
-          label: "label",
-          value: "value",
-          prop: "value"
-        },
-        filterable: true
-      }
-    }
-  ];
-  if (props.mode === "table") {
-    return fields;
-  } else {
-    return fields;
-  }
-});
-const pageData: any = reactive({
-  mode: "table",
-  permission: {
-    query: ["user:query:page"],
-    save: ["user:save"],
-    update: ["user:update"],
-    del: ["user:del"]
-  },
-  searchParam: {
-    searchState: true,
-    fields: [
-      {
-        type: "input",
-        label: "帐号",
-        prop: "username",
-        placeholder: "请输入帐号模糊查询"
-      },
-      {
-        type: "input",
-        label: "姓名",
-        prop: "nickname",
-        placeholder: "请输入姓名模糊查询"
-      },
-      {
-        type: "select",
-        label: "状态",
-        prop: "enable",
-        placeholder: "请选择",
-        dataSourceKey: "enabledOptions",
-        options: {
-          keys: {
-            label: "label",
-            value: "value",
-            prop: "value"
-          },
-          filterable: true
-        }
-      }
-    ],
-    searchForm: {}
-  },
-  dataSource: {
-    enabledOptions: enableOptions
-  },
-  /*按钮 */
-  btnOpts: {
-    size: "small",
-    leftBtns: [
-      {
-        key: "add",
-        label: "新增",
-        type: "primary",
-        icon: "ep:plus",
-        state: true,
-        permission: ["user:save"]
-      }
-      // {
-      //   key: "update",
-      //   label: "修改",
-      //   type: "success",
-      //   icon: "ep:edit",
-      //   state: false,
-      //   permission: ["user:update"]
-      // }
-    ],
-    rightBtns: [
-      {
-        key: "search",
-        label: "查询",
-        icon: "ep:search",
-        state: true,
-        options: {
-          circle: true
-        }
-      },
-      {
-        key: "refresh",
-        label: "刷新",
-        icon: "ep:refresh",
-        state: true,
-        options: {
-          circle: true
-        }
-      },
-      {
-        key: "switch",
-        label: "切换",
-        icon: "ep:switch",
-        state: true,
-        options: {
-          circle: true
-        }
-      }
-    ]
-  },
-  tableParam: {
-    list: [],
-    columns: [
-      {
-        label: "用户帐号",
-        prop: "username",
-        slot: "username"
-      },
-      {
-        label: "姓名",
-        prop: "nickname",
-        slot: "ellipsis"
-      },
-      {
-        label: "状态",
-        prop: "enable",
-        slot: "enableScope"
-      },
-      {
-        label: "更新人",
-        prop: "updateUser",
-        slot: "ellipsis"
-      },
-      {
-        label: "更新时间",
-        prop: "updateTime",
-        slot: "ellipsis"
-      },
-      {
-        label: "操作",
-        fixed: "right",
-        slot: "operation"
-      }
-    ],
-    loading: false,
-    pagination: {
-      pageSize: 10,
-      defaultPageSize: 10,
-      currentPage: 1,
-      background: true,
-      total: 0
-    }
-  }
-});
-const btnClickHandle = (val: string) => {
-  switch (val) {
-    case "add":
-      userEditRef.value!.open({ enable: 1 }, pageData.dataSource, "add");
-      break;
-    case "update":
-      break;
-    case "search":
-      _updateSearchState();
-      break;
-    case "refresh":
-      _loadData();
-      break;
-    case "switch":
-      switchTable();
-      break;
-    default:
-      break;
-  }
-};
-const switchTable = () => {
-  emits("switchMode", props.mode === "table" ? "tree" : "table");
-};
-/**
- *  更新搜索表单
- * @param data .
- */
-const _updateSearchFormData = (data: any) => {
-  pageData.searchParam.searchForm = data;
-};
-/**
- * 点击搜索按钮
- */
-const _searchForm = (data: any) => {
-  pageData.searchParam.searchForm = data;
-  _loadData();
-};
-/**
- * 重置
- */
-const _resetSearchForm = (data?) => {
-  pageData.searchParam.searchForm = data;
-};
-/**
- * 更新搜索表达的状态
- */
-const _updateSearchState = () => {
-  pageData.searchParam.searchState = !pageData.searchParam.searchState;
-};
-const handleChangePageSize = (val: any) => {
-  pageData.tableParam.pagination.pageSize = val;
-  _loadData();
-};
-const handleChangeCurrentPage = (val: any) => {
-  pageData.tableParam.pagination.currentPage = val;
-  _loadData();
-};
-const getQueryParams = () => {
-  const sqp = {};
-  const param = Object.assign(sqp, pageData.searchParam.searchForm);
-  param.current = pageData.tableParam.pagination.currentPage;
-  param.size = pageData.tableParam.pagination.pageSize;
-  return param;
-};
-const _loadData = (page?: number) => {
-  const query = getQueryParams();
-  if (page) {
-    query.current = page;
-  }
-  pageData.tableParam.loading = true;
-  $userApi
-    .queryPage(query)
-    .then((res: any) => {
-      if (res.success) {
-        pageData.tableParam.list = res.result.records;
-        pageData.tableParam.pagination.total = Number(res.result.total);
-      }
-    })
-    .finally(() => {
-      pageData.tableParam.loading = false;
-    });
-};
-const queryRoles = () => {
-  roleQueryList({ enable: 1 }).then((res: any) => {
-    if (res.success) {
-      pageData.dataSource.roleList = res.result;
-    }
-  });
-};
-const handleEdit = (row: any) => {
-  userEditRef.value!.open(row, pageData.dataSource, "edit");
-};
-const handleDel = (row: any) => {
-  message.confirm("确认删除当前数据").then(() => {
-    batchDel([row.id]);
-  });
-};
-const batchDel = (ids: string[]) => {
-  if (ids && ids.length > 0) {
-    $userApi.del(ids).then((res: any) => {
-      if (res.success) {
-        message.success("删除成功");
-        _loadData();
-      } else {
-        message.warning(res.message);
-      }
-    });
-  }
-};
-const handleResetPasswd = (row: any) => {
-  userResetPasswdRef.value!.open(row);
-};
-const handleDetail = (row: any) => {
-  userEditRef.value!.open(row, pageData.dataSource, "detail");
-};
-watch(
-  () => props.orgInfo,
-  val => {
-    if (val) {
-      _loadData();
-    }
-  }
-);
-onBeforeMount(() => {
-  queryRoles();
-});
-onMounted(() => {
-  _loadData(1);
-});
-const emits = defineEmits(["switchMode"]);
-</script>
-
-<template>
-  <div>
-    <form-search
-      :show="pageData.searchParam.searchState"
-      :form-field="searchFormFields"
-      :data-source="pageData.dataSource"
-      @search-form="_updateSearchFormData"
-      @search="_searchForm"
-      @reset="_resetSearchForm"
-      :query-permission="pageData.permission.query"
-    />
-    <!--operate-->
-    <table-buttons
-      :size="pageData.btnOpts.size"
-      :left-btns="pageData.btnOpts.leftBtns"
-      :right-btns="pageData.btnOpts.rightBtns"
-      @click="btnClickHandle"
-    />
-    <!--table-->
-    <pure-table
-      :data="pageData.tableParam.list"
-      :columns="pageData.tableParam.columns"
-      row-key="id"
-      border
-      stripe
-      :header-row-class-name="'table-header'"
-      :loading="pageData.tableParam.loading"
-      :pagination="pageData.tableParam.pagination"
-      @page-current-change="handleChangeCurrentPage"
-      @page-size-change="handleChangePageSize"
-    >
-      <template #ellipsis="{ row, column }">
-        <el-tooltip placement="top-start" :content="row[column.property]">{{
-          row[column.property]
-        }}</el-tooltip>
-      </template>
-      <template #username="{ row }">
-        <el-link type="primary" @click="handleDetail(row)">{{
-          row.username
-        }}</el-link>
-      </template>
-      <template #enableScope="scope">
-        <el-tag v-if="scope.row.enable">启用</el-tag>
-        <el-tag v-else type="info">禁用</el-tag>
-      </template>
-      <template #operation="{ row }">
-        <div class="flex justify-center items-center">
-          <el-link
-            v-show="hasAuth(pageData.permission.update) && row.isManage !== 1"
-            type="primary"
-            @click="handleEdit(row)"
-            >编辑</el-link
-          >
-          <el-divider
-            v-show="hasAuth(pageData.permission.del) && row.isManage !== 1"
-            direction="vertical"
-          />
-          <el-link
-            v-show="hasAuth(pageData.permission.del) && row.isManage !== 1"
-            type="primary"
-            @click="handleDel(row)"
-            >删除</el-link
-          >
-          <el-divider v-show="row.isManage !== 1" direction="vertical" />
-          <el-dropdown v-show="row.isManage !== 1">
-            <el-link type="primary"
-              >更 多
-              <el-icon class="el-icon--right">
-                <component :is="useRenderIcon('ep:arrow-down')" />
-              </el-icon>
-            </el-link>
-            <template #dropdown>
-              <el-dropdown-menu>
-                <el-dropdown-item @click="handleResetPasswd(row)"
-                  >重置密码</el-dropdown-item
-                >
-              </el-dropdown-menu>
-            </template>
-          </el-dropdown>
-        </div>
-      </template>
-    </pure-table>
-    <user-edit ref="userEditRef" @confirm="_loadData" />
-    <user-reset-passwd ref="userResetPasswdRef" />
-  </div>
-</template>

agent-ui/views/system/role.vue

@@ -1,325 +0,0 @@
-<script setup lang="ts">
-import FormSearch from "@/components/opts/form-search.vue";
-import TableButtons from "@/components/opts/btns2.vue";
-import { PureTable } from "@pureadmin/table";
-import { hasAuth } from "@/router/utils";
-import { enableConvert, enabledBooleanConvert } from "@/constants/convert";
-import { enableOptions } from "@/constants/constants";
-import * as roleApi from "@/api/sys/role";
-import RoleEdit from "./modules/role-edit.vue";
-import RolePermission from "./modules/role-permission.vue";
-import { reactive, onMounted, ref } from "vue";
-const roleEditRef = ref();
-const rolePermissionRef = ref();
-const pageData: any = reactive({
-  permission: {
-    query: [],
-    add: ["role:save"],
-    update: ["role:update"],
-    delete: ["role:del"],
-    permission: ["role:permission"]
-  },
-  /**
-   * 是否显示搜索
-   */
-  searchState: true,
-  /*搜索字段定义 */
-  searchField: [
-    {
-      type: "input",
-      label: "角色编码",
-      prop: "roleCode",
-      placeholder: "精准查询角色编码"
-    },
-    {
-      type: "input",
-      label: "角色名称",
-      prop: "roleName",
-      placeholder: "模糊查询角色名称"
-    },
-    {
-      type: "select",
-      label: "状态",
-      prop: "enable",
-      placeholder: "请选择",
-      dataSourceKey: "enabledOptions",
-      options: {
-        keys: {
-          label: "label",
-          value: "value",
-          prop: "value"
-        },
-        filterable: true
-      }
-    }
-  ],
-  dataSource: {
-    enabledOptions: enableOptions
-  },
-  searchForm: {},
-  /*按钮 */
-  btnOpts: {
-    left: [
-      {
-        key: "add",
-        label: "新增",
-        type: "primary",
-        icon: "ep:plus",
-        state: true,
-        permission: ["role:save"]
-      }
-      // {
-      //   key: "update",
-      //   label: "修改",
-      //   type: "success",
-      //   icon: "ep:edit",
-      //   state: false,
-      //   permission: ["role:update"]
-      // }
-    ],
-    right: [
-      {
-        key: "search",
-        label: "查询",
-        icon: "ep:search",
-        state: true,
-        options: {
-          circle: true
-        }
-      },
-      {
-        key: "refresh",
-        label: "刷新",
-        icon: "ep:refresh",
-        state: true,
-        options: {
-          circle: true
-        }
-      }
-    ]
-  },
-  tableParams: {
-    /**
-     * table column
-     */
-    columns: [
-      {
-        label: "角色编码",
-        prop: "roleCode"
-      },
-      {
-        label: "角色名称",
-        prop: "roleName"
-      },
-      {
-        label: "类型",
-        props: "isSystem",
-        slot: "roleType"
-      },
-      {
-        label: "状态",
-        prop: "enable",
-        slot: "roleEnable"
-      },
-      {
-        label: "创建时间",
-        prop: "createTime"
-      },
-      {
-        label: "操作",
-        fixed: "right",
-        slot: "operation"
-      }
-    ],
-    /**
-     * table data
-     */
-    list: [],
-    /*加载 */
-    loading: false,
-    /*数据 */
-    tableData: [],
-    currentData: {},
-    pagination: {
-      pageSize: 10,
-      defaultPageSize: 10,
-      currentPage: 1,
-      background: true,
-      total: 0
-    }
-  }
-});
-/**
- *  更新搜索表单
- * @param data .
- */
-const _updateSearchFormData = (data: any) => {
-  pageData.searchForm = data;
-};
-/**
- * 点击搜索按钮
- */
-const _searchForm = (data: any) => {
-  pageData.searchForm = data;
-  _loadData();
-};
-/**
- * 重置
- */
-const _resetSearchForm = (data?: any) => {
-  pageData.searchForm = data;
-};
-/**
- * 更新搜索表达的状态
- */
-const _updateSearchState = () => {
-  pageData.searchState = !pageData.searchState;
-};
-const handleChangePageSize = (val: any) => {
-  pageData.tableParams.pagination.pageSize = val;
-  _loadData();
-};
-const handleChangeCurrentPage = (val: any) => {
-  pageData.tableParams.pagination.currentPage = val;
-  _loadData();
-};
-const getQueryParams = () => {
-  const sqp = {};
-  const param = Object.assign(sqp, pageData.searchForm);
-  param.current = pageData.tableParams.pagination.currentPage;
-  param.size = pageData.tableParams.pagination.pageSize;
-  return param;
-};
-/**
- * 查询数据
- */
-const _loadData = () => {
-  pageData.tableParams.loading = true;
-  const query = getQueryParams();
-  roleApi
-    .roleQueryPage(query)
-    .then((res: any) => {
-      if (res.success) {
-        pageData.tableParams.list = res.result.records;
-        pageData.tableParams.pagination.total = Number(res.result.total);
-      }
-    })
-    .finally(() => {
-      pageData.tableParams.loading = false;
-    });
-};
-const handleBtnClick = (val: String) => {
-  switch (val) {
-    case "add":
-      _handlerAdd();
-      break;
-    case "update":
-      break;
-    case "search":
-      _updateSearchState();
-      break;
-    case "refresh":
-      _loadData();
-      break;
-  }
-};
-/**
- * 新增
- */
-const _handlerAdd = () => {
-  roleEditRef.value!.open();
-};
-const handleEdit = (data: any) => {
-  roleEditRef.value!.open(data, "修改角色");
-};
-const handleAuthorize = (row: any) => {
-  rolePermissionRef.value!.open(row);
-};
-onMounted(() => {
-  _loadData();
-});
-defineOptions({ name: "sysRole" });
-</script>
-
-<template>
-  <el-card :shadow="'never'">
-    <template #default>
-      <form-search
-        :show="pageData.searchState"
-        :form-field="pageData.searchField"
-        :data-source="pageData.dataSource"
-        @search-form="_updateSearchFormData"
-        @search="_searchForm"
-        @reset="_resetSearchForm"
-        :query-permission="pageData.permission.query"
-      />
-      <table-buttons
-        :size="'small'"
-        :left-btns="pageData.btnOpts.left"
-        :right-btns="pageData.btnOpts.right"
-        @click="handleBtnClick"
-      />
-      <pure-table
-        :columns="pageData.tableParams.columns"
-        :data="pageData.tableParams.list"
-        :border="true"
-        :stripe="true"
-        :loading="pageData.tableParams.loading"
-        :pagination="pageData.tableParams.pagination"
-        :header-row-class-name="'table-header'"
-        @page-current-change="handleChangeCurrentPage"
-        @page-size-change="handleChangePageSize"
-      >
-        <template #roleType="{ row }">
-          <el-tag
-            effect="plain"
-            :type="enabledBooleanConvert(row.isSystem) ? 'danger' : ''"
-            >{{
-              enabledBooleanConvert(row.isSystem) ? "内置" : "自定义"
-            }}</el-tag
-          >
-        </template>
-        <template #roleEnable="{ row }">
-          <el-tag
-            effect="plain"
-            :type="row.enable === 1 ? 'success' : 'info'"
-            >{{ enableConvert(row.enable) }}</el-tag
-          >
-        </template>
-        <template #operation="{ row }">
-          <el-link
-            v-show="
-              hasAuth(pageData.permission.permission) && row.isSystem != 1
-            "
-            type="primary"
-            @click="handleAuthorize(row)"
-            >授权</el-link
-          >
-          <el-divider
-            v-show="
-              hasAuth(pageData.permission.permission) && row.isSystem != 1
-            "
-            direction="vertical"
-          />
-          <el-link
-            v-show="hasAuth(pageData.permission.update) && row.isSystem !== 1"
-            type="primary"
-            @click="handleEdit(row)"
-            >编辑</el-link
-          >
-          <el-divider
-            v-show="hasAuth(pageData.permission.delete) && row.isSystem !== 1"
-            direction="vertical"
-          />
-          <el-link
-            v-show="hasAuth(pageData.permission.delete) && row.isSystem !== 1"
-            type="primary"
-            >删除</el-link
-          >
-        </template>
-      </pure-table>
-      <role-edit ref="roleEditRef" @ok="_loadData" />
-      <role-permission ref="rolePermissionRef" />
-    </template>
-  </el-card>
-</template>

agent-ui/views/system/user.vue

@@ -1,40 +0,0 @@
-<script setup lang="ts">
-import { reactive } from "vue";
-import UserList from "./modules/user-list.vue";
-defineOptions({
-  name: "user"
-});
-const pageData: any = reactive({
-  mode: "table",
-  orgInfo: {}
-});
-const handleSwitchMode = (mode: String) => {
-  pageData.mode = mode;
-  if (pageData.mode === "table") {
-    pageData.orgInfo = {};
-  }
-};
-</script>
-
-<template>
-  <el-card :shadow="'never'">
-    <template #default>
-      <template v-if="pageData.mode !== 'table'">
-        <el-col :span="19">
-          <user-list
-            :mode="pageData.mode"
-            :org-info="pageData.orgInfo"
-            @switch-mode="handleSwitchMode"
-          />
-        </el-col>
-      </template>
-      <template v-else>
-        <user-list
-          :mode="pageData.mode"
-          :org-info="pageData.orgInfo"
-          @switch-mode="handleSwitchMode"
-        />
-      </template>
-    </template>
-  </el-card>
-</template>

agent-ui/views/welcome/bind.vue

@@ -1,106 +0,0 @@
-<script setup lang="ts">
-import { reactive, ref } from "vue";
-import { message } from "@/utils/message";
-import type { FormInstance } from "element-plus";
-import { cloneDeep } from "@pureadmin/utils";
-import * as $api from "@/api/auth/index";
-
-defineOptions({ name: "templateEdit" });
-const isDetail = ref(false);
-const formRef = ref<FormInstance>();
-// 初始化数据
-const initData = {
-  code: undefined
-};
-
-// 表单校验规则
-const formRules = reactive({
-  code: [{ required : true, message: '验证码不能为空'}]
-});
-
-// 页面数据
-const pageData: any = reactive({
-  code: "",
-  // 表单数据
-  formData: initData,
-  formRules: {
-    code: [{ required: true, message: "请选择验证码", trigger: "blur" }]
-  }
-});
-// 暴露给父级调用
-const emits = defineEmits(["ok", "close"]);
-const qrcode = ref("");
-// 打开弹窗
-const open = (data: any, dataSource: any, mode: string) => {
-  $api.createGoogleOtp().then((res: any) => {
-    qrcode.value = res.message;
-  });
-  isDetail.value = false;
-  pageData.dialogVisible = true;
-};
-// 关闭弹窗
-const handleClose = () => {
-  pageData.dialogVisible = false;
-  emits("close");
-};
-// 确定并关闭弹窗
-const handleConfirm = () => {
-  formRef.value!.validate((isValid: boolean) => {
-    if (isValid) {
-      _save();
-    } else {
-      message("表单校验失败", { type: "warning" });
-    }
-  });
-};
-const _save = () => {
-  pageData.formLoading = true;
-  const _data = cloneDeep(pageData.formData);
-  $api
-    .save(_data)
-    .then((res: any) => {
-      if (res.success) {
-        _confirm();
-      } else {
-        message(res.message, { type: "warning" });
-      }
-    })
-    .finally(() => {
-      pageData.formLoading = false;
-    });
-};
-const _confirm = () => {
-  pageData.dialogVisible = false;
-  emits("ok");
-};
-defineExpose({ open });
-const showClose = ref(false);
-</script>
-
-<template>
-  <el-dialog v-model="pageData.dialogVisible" :show-close="showClose" :width="500">
-    <template #header>
-      <el-text class="mx-1" type="primary" size="large">绑定谷歌验证器</el-text>
-    </template>
-
-    <div class="el-dialog-content">
-      <el-form
-        :model="pageData.formData"
-        ref="formRef"
-        style="width: 90%; margin: 20px auto 0"
-        label-width="auto"
-        :rules="pageData.formRules"
-      >
-        <el-form-item label="二维码">
-          <img :src="qrcode" />
-        </el-form-item>
-        <el-form-item label="验证码" prop="code">
-          <el-input v-model="pageData.formData.code"></el-input>
-        </el-form-item>
-      </el-form>
-    </div>
-    <template #footer>
-      <el-button type="primary" @click="handleConfirm">确认</el-button>
-    </template>
-  </el-dialog>
-</template>

agent-ui/views/welcome/index.vue

@@ -1,36 +0,0 @@
-<script setup lang="ts">
-import * as $api from "@/api/auth/index";
-import { onMounted, ref } from "vue";
-import Bind from "@/views/welcome/bind.vue";
-const bindRef = ref();
-defineOptions({
-  name: "Welcome"
-});
-onMounted(() => {
-  alert("sdfsf");
-  $api.hasGoogleOtp().then((res: any) => {
-    if (!res.result) {
-      bindRef.value!.open({}, {}, "add");
-
-    }
-  });
-});
-</script>
-
-<template>
-  <div class="max-w-full">
-    <el-card style="width: 480px; border-radius: 8px" shadow="hover" >Alway11s</el-card>
-  </div>
-  <bind ref="bindRef" />
-</template>
-
-<style scoped>
-.grid-content {
-  border-radius: 4px;
-  min-height: 130px;
-}
-
-.ep-bg-purple {
-  background: #fff;
-}
-</style>

merchant-ui/src/views/welcome/bind.vue

@@ -4,9 +4,7 @@ import { message } from "@/utils/message";
 import type { FormInstance } from "element-plus";
 import { cloneDeep } from "@pureadmin/utils";
 import * as $api from "@/api/auth/index";
-import ReQrcode from "@/components/ReQrcode/src";
 
-const title = "";
 defineOptions({ name: "templateEdit" });
 const isDetail = ref(false);
 const formRef = ref<FormInstance>();
@@ -14,19 +12,13 @@ const formRef = ref<FormInstance>();
 const initData = {
   code: undefined
 };
-
-// 表单校验规则
-const formRules = reactive({
-  code: [{ required : true, message: '验证码不能为空'}]
-});
-
 // 页面数据
 const pageData: any = reactive({
   code: "",
   // 表单数据
   formData: initData,
   formRules: {
-    code: [{ required: true, message: "请选择验证码", trigger: "blur" }]
+    code: [{ required: true, message: "验证码不能为空", trigger: "blur" }]
   }
 });
 // 暴露给父级调用