yh-pub 1.0.0

package/README.MD

@@ -0,0 +1,19 @@
+## 注意
+在项目使用中
+请不要修改当前文件夹代码
+请不要修改当前文件夹代码
+请不要修改当前文件夹代码
+
+当前仓库存放了前端项目框架的公共代码部分，有专门的仓库统一维护，方便更新后各个项目同步。
+
+代码存放地址
+[https://codeup.aliyun.com/60765e0161a945067837bb5f/ForntEnd/pub](https://codeup.aliyun.com/60765e0161a945067837bb5f/ForntEnd/pub)
+
+**上面仓库地址对企业内人员开放，只要注册云效即可访问**
+
+## 开发
+前端人员在开发的过程中将通过一个完整的模板来对这个部分的代码进行开发
+开发代码仓库地址为
+[https://codeup.aliyun.com/60765e0161a945067837bb5f/master/BASE/tree/master/forntEnd/web-new](https://codeup.aliyun.com/60765e0161a945067837bb5f/master/BASE/tree/master/forntEnd/web-new)
+
+**上面仓库地址只对指定人员开发，如遇权限问题请联系管理员**

package/layout/admin/adminIndex.vue

@@ -0,0 +1,104 @@
+<template>
+  <section class="main">
+    <aside
+      class="left-sider"
+      :class="{ 'is-collapse': collapse }">
+      <!-- 需要放在菜单上面的内容，如Logo，写在side-menu标签内部，如下 -->
+      <div class="logo-con">
+        <img
+          v-show="!collapse"
+          class="max-logo"
+          src="@/assets/images/logo.png"
+          key="max-logo" />
+        <img
+          v-show="collapse"
+          class="mini-logo"
+          src="@/assets/images/logo-min.png"
+          key="min-logo" />
+      </div>
+      <side-menu
+        :active-name="route?.name"
+        :collapse="collapse"
+        @select="turnToPage"
+        :menu-list="menuList"></side-menu>
+    </aside>
+    <section
+      class="right-container"
+      :class="{ 'is-collapse': collapse }">
+      <header class="header-con">
+        <i
+          :class="`iconfont class-collapsed ${collapse ? 'icon-indent' : 'icon-outdent'}`"
+          @click="handleCollapsedChange"></i>
+        <sa-user
+          :message-unread-count="unreadCount"
+          :user-name="userName" />
+        <fullscreen v-model="isFullScreen" />
+      </header>
+      <main class="main-layout-con">
+        <tags-nav />
+        <section class="main-container">
+          <router-view v-slot="{ Component }">
+            <KeepAlive ref="kpAliveRef">
+              <component
+                :is="Component"
+                :key="route?.path"
+                :max="10" />
+            </KeepAlive>
+          </router-view>
+        </section>
+      </main>
+    </section>
+  </section>
+</template>
+
+<script setup>
+import { ref, onMounted } from "vue";
+import { storeToRefs } from "pinia";
+import "../main/main.less";
+import { getStorage } from "@/libs/util.js";
+import { useRouter, useRoute } from "vue-router";
+
+import { useAppStore } from "@/store/app.js";
+import { useUserStore } from "@/store/user.js";
+
+import SideMenu from "yh-pub/layout/main/components/side-menu/side-menu.vue";
+import TagsNav from "yh-pub/layout/main/components/tags-nav/tags-nav.vue";
+import saUser from "./user/saUser.vue";
+import Fullscreen from "yh-pub/layout/main/components/fullscreen/fullscreen.vue";
+
+import saRouter from "yh-pub/layout/admin/api/routers.js";
+
+const userStore = useUserStore();
+const appStore = useAppStore();
+const router = useRouter();
+const route = useRoute();
+
+const { menuList } = storeToRefs(appStore);
+const { unreadCount } = storeToRefs(userStore);
+
+const collapse = ref(false);
+const userName = ref("");
+const isFullScreen = ref(false);
+const kpAliveRef = ref();
+
+function turnToPage(routeName) {
+  if (routeName === "首页") {
+    router.push("/admin");
+  } else {
+    let r = saRouter.urlMap[routeName];
+    if (r) {
+      router.push(r);
+    }
+  }
+}
+function handleCollapsedChange() {
+  collapse.value = !collapse.value;
+}
+onMounted(() => {
+  try {
+    userName.value = getStorage("userName").name;
+  } catch (error) {
+    console.error("菜单加载异常：", error);
+  }
+});
+</script>

package/layout/admin/api/loginApi.js

@@ -0,0 +1,24 @@
+import axios from "@/libs/api.request";
+import { errorHandler } from "@/libs/axios.handler";
+
+export const saLogin = (param) => {
+  return axios
+    .request({
+      url: "admin/login",
+      data: param,
+      method: "post",
+      type: "json",
+    })
+    .catch(errorHandler);
+};
+
+export const getSaUserInfo = (param) => {
+  return axios
+    .request({
+      url: "admin/getSaUserInfo",
+      data: param,
+      method: "post",
+      type: "json",
+    })
+    .catch(errorHandler);
+};

package/layout/admin/api/routers.js

@@ -0,0 +1,93 @@
+const saRouter = {
+  urlMap: {
+    saTenant: {
+      name: "租户",
+      id: "saTenant",
+      sort: 9,
+      path: "/admin/saTenant",
+      meta: {
+        id: "saTenant",
+        title: "租户",
+        icon: "iconfont icon-s-custom",
+        keepAlive: true,
+      },
+    },
+    1: {
+      name: "模块管理",
+      id: "1",
+      sort: 9,
+      path: "/admin/window/1",
+      meta: {
+        id: "1",
+        title: "模块管理",
+        icon: "iconfont icon-block",
+      },
+    },
+    2: {
+      name: "JDBC管理",
+      id: "2",
+      sort: 9,
+      path: "/admin/window/2",
+      meta: {
+        id: "2",
+        title: "JDBC管理",
+        icon: "iconfont icon-s-tools",
+      },
+    },
+    3: {
+      name: "数据源管理",
+      id: "3",
+      sort: 9,
+      path: "/admin/window/3",
+      meta: {
+        id: "3",
+        title: "数据源管理",
+        icon: "iconfont icon-database",
+      },
+    },
+    4: {
+      name: "数据选项",
+      id: "4",
+      sort: 9,
+      path: "/admin/window/4",
+      meta: {
+        id: "4",
+        title: "数据选项",
+        icon: "iconfont icon-s-data",
+      },
+    },
+    5: {
+      name: "窗口管理",
+      id: "5",
+      sort: 2,
+      path: "/admin/window/5",
+      meta: {
+        id: "5",
+        title: "窗口管理",
+        icon: "iconfont icon-windows",
+      },
+    },
+    menu: {
+      name: "菜单管理",
+      id: "menu",
+      sort: 1,
+      path: "/admin/menu",
+      meta: {
+        id: "menu",
+        icon: "iconfont icon-menu1",
+      },
+    },
+    Statement: {
+      name: "报表管理",
+      id: "Statement",
+      sort: 1,
+      path: "/admin/statement/list",
+      meta: {
+        id: "Statement",
+        icon: "iconfont icon-menu1",
+      },
+    },
+  },
+};
+
+export default saRouter;

package/layout/admin/api/tenantApi.js

@@ -0,0 +1,123 @@
+import axios from "@/libs/api.request";
+import { errorHandler } from "@/libs/axios.handler";
+
+export const saTenantSetMenus = (params) => {
+  return axios
+    .request({
+      method: "post",
+      url: "/admin/tenant/setMenus",
+      data: params,
+      type: "json",
+    })
+    .catch(errorHandler);
+};
+
+export const saTenantRemoveMenus = (params) => {
+  return axios
+    .request({
+      method: "post",
+      url: "/admin/tenant/removeMenus",
+      data: params,
+      type: "json",
+    })
+    .catch(errorHandler);
+};
+
+export const saTenantGetMenuWindowButton = (params) => {
+  return axios
+    .request({
+      method: "post",
+      url: "/admin/tenant/getMenuWindowButton",
+      data: params,
+      type: "json",
+    })
+    .catch(errorHandler);
+};
+
+export const saTenantGetRoleWindowButton = (params) => {
+  return axios
+    .request({
+      method: "post",
+      url: "/admin/tenant/getRoleWindowButton",
+      data: params,
+      type: "json",
+    })
+    .catch(errorHandler);
+};
+
+export const saTenantGetRoleMenus = (params) => {
+  return axios
+    .request({
+      method: "post",
+      url: "/admin/tenant/getRoleMenus",
+      data: params,
+      type: "json",
+    })
+    .catch(errorHandler);
+};
+
+export const saTenantGetMenuList = (params) => {
+  return axios
+    .request({
+      method: "post",
+      url: "/admin/tenant/getMenuList",
+      data: params,
+      type: "json",
+    })
+    .catch(errorHandler);
+};
+
+export const saTenantListPage = (params) => {
+  return axios
+    .request({
+      method: "post",
+      url: "/admin/tenant/listPage",
+      data: params,
+      type: "json",
+    })
+    .catch(errorHandler);
+};
+
+export const saTenantGetById = (params) => {
+  return axios
+    .request({
+      method: "post",
+      url: "/admin/tenant/getById",
+      data: params,
+      type: "json",
+    })
+    .catch(errorHandler);
+};
+
+export const saTenantInsert = (params) => {
+  return axios
+    .request({
+      method: "post",
+      url: "/admin/tenant/insert",
+      data: params,
+      type: "json",
+    })
+    .catch(errorHandler);
+};
+
+export const saTenantUpdate = (params) => {
+  return axios
+    .request({
+      method: "post",
+      url: "/admin/tenant/update",
+      data: params,
+      type: "json",
+    })
+    .catch(errorHandler);
+};
+
+export const saTenantDelete = (params) => {
+  return axios
+    .request({
+      method: "post",
+      url: "/admin/tenant/delete",
+      data: params,
+      type: "json",
+    })
+    .catch(errorHandler);
+};

package/layout/admin/home/homeIndex.vue

@@ -0,0 +1,25 @@
+<template>
+  <iframe
+    class="admin-home-index"
+    src="http://docs.js.sforcecon.com:5900/notepad/view/591"
+    frameborder="0"></iframe>
+</template>
+<script>
+// import * as echarts from "echarts";
+
+export default {
+  data() {
+    return {};
+  },
+  methods: {},
+};
+</script>
+
+<style>
+.main-container .admin-home-index {
+  margin: 0 -16px -20px -16px;
+  width: calc(100% + 32px);
+  height: calc(100% + 10px);
+  overflow: hidden;
+}
+</style>

package/layout/admin/login/login.vue

@@ -0,0 +1,161 @@
+<template>
+  <div class="login">
+    <div class="login-wrap">
+      <el-card
+        icon="log-in"
+        :bordered="false"
+        class="login-panel">
+        <div class="h3-title">系统管理后台</div>
+        <div class="form-con">
+          <el-form
+            ref="formValidate"
+            :model="formValidate"
+            :rules="ruleValidate"
+            :label-width="35"
+            autocomplete="off">
+            <el-form-item prop="name">
+              <el-input
+                v-model="formValidate.name"
+                placeholder="请输入用户名"
+                autocomplete="off"></el-input>
+            </el-form-item>
+            <el-form-item prop="passwd">
+              <el-input
+                type="password"
+                v-model="formValidate.passwd"
+                placeholder="请输入密码"
+                autocomplete="off"></el-input>
+            </el-form-item>
+            <el-form-item
+              style="padding-top: 10px"
+              align="center">
+              <el-button
+                type="primary"
+                long
+                @click="submitLogin('formValidate')"
+                style="width: 80%; margin-left: 10%; height: 40px; font-size: 18px"
+                :loading="loginLoading">
+                登录
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+      </el-card>
+    </div>
+  </div>
+</template>
+<style scoped>
+.login {
+  width: 100%;
+  height: 100%;
+  background-image: url("@/assets/images/admin-logo-bg.jpg");
+  background-size: cover;
+  background-position: center;
+  position: relative;
+}
+
+.login-con {
+  position: absolute;
+  right: 160px;
+  top: 50%;
+  transform: translateY(-60%);
+  width: 300px;
+}
+
+.login-con-header {
+  font-size: 16px;
+  font-weight: 300;
+  text-align: center;
+  padding: 30px 0;
+}
+
+.login-con .form-con {
+  padding: 10px 0 0;
+}
+
+.login-con .login-tip {
+  font-size: 10px;
+  text-align: center;
+  color: #c3c3c3;
+}
+
+.login-wrap {
+  padding-top: 200px;
+  padding-left: calc(50% - 175px);
+}
+
+.login-panel {
+  width: 350px;
+  border: 1px #f0f0f0 solid;
+  border-radius: 10px;
+  background-color: #f9f9f9;
+}
+.form-con {
+  width: 270px;
+}
+.h3-title {
+  padding-bottom: 30px;
+  text-align: center;
+  font-size: 40px;
+}
+</style>
+<script>
+import { clearStorage, setSaToken, setStorage } from "@/libs/util";
+import { getSaUserInfo, saLogin } from "yh-pub/layout/admin/api/loginApi";
+
+export default {
+  data() {
+    return {
+      formValidate: {
+        name: "",
+        passwd: "",
+      },
+      ruleValidate: {
+        name: [{ required: true, message: "请输入用户名", trigger: "blur" }],
+        passwd: [{ required: true, message: "请输入密码", trigger: "blur" }],
+      },
+      loginLoading: false,
+    };
+  },
+  mounted() {
+    clearStorage();
+  },
+  methods: {
+    submitLogin(name) {
+      this.$refs[name].validate((valid) => {
+        if (valid) {
+          let loginData = {
+            username: this.formValidate.name,
+            password: this.formValidate.passwd,
+          };
+          this.loginLoading = true;
+          saLogin(loginData).then((response) => {
+            clearStorage();
+            this.loginLoading = false;
+            if (response.data.result && response.data.msg === "ok") {
+              setSaToken(response.data.token);
+              getSaUserInfo({}).then((response) => {
+                if (response.data.result && response.data.msg === "ok") {
+                  let saUser = JSON.stringify(response.data.saUser);
+                  setStorage("userName", saUser);
+                  this.$router
+                    .replace({
+                      path: this.$config.adminPath,
+                    })
+                    .then(() => {
+                      window.navigation.reload();
+                    });
+                } else {
+                  this.$message.error(response.data.msg);
+                }
+              });
+            } else {
+              this.$message.error(response.data.msg);
+            }
+          });
+        }
+      });
+    },
+  },
+};
+</script>