init project

181ff181 · Jobin · cad021c3 · 181ff181 · 181ff181 · 181ff181
Commit 181ff181 authored Jul 12, 2021 by Jobin 🤞🏻
18 changed files
--- a/.env
+++ b/.env
 # port
-VITE_PORT = 3100
+VITE_PORT = 5000

 # spa-title
-VITE_GLOB_APP_TITLE = Vben Admin
+VITE_GLOB_APP_TITLE = 纳九后台管理系统

 # spa shortname
-VITE_GLOB_APP_SHORT_NAME = vue_vben_admin
+VITE_GLOB_APP_SHORT_NAME = najiu_admin
--- a/.husky/_/husky.sh
+++ b/.husky/_/husky.sh
+#!/bin/sh
+if [ -z "$husky_skip_init" ]; then
+  debug () {
+    [ "$HUSKY_DEBUG" = "1" ] && echo "husky (debug) - $1"
+  }
+
+  readonly hook_name="$(basename "$0")"
+  debug "starting $hook_name..."
+
+  if [ "$HUSKY" = "0" ]; then
+    debug "HUSKY env variable is set to 0, skipping hook"
+    exit 0
+  fi
+
+  if [ -f ~/.huskyrc ]; then
+    debug "sourcing ~/.huskyrc"
+    . ~/.huskyrc
+  fi
+
+  export readonly husky_skip_init=1
+  sh -e "$0" "$@"
+  exitCode="$?"
+
+  if [ $exitCode != 0 ]; then
+    echo "husky - $hook_name hook exited with code $exitCode (error)"
+    exit $exitCode
+  fi
+
+  exit 0
+fi
--- a/build/config/themeConfig.ts
+++ b/build/config/themeConfig.ts
 import { generate } from '@ant-design/colors';

-export const primaryColor = '#0960bd';
+export const primaryColor = '#1890ff';

 export const darkMode = 'light';


--- a/index.html
+++ b/index.html
 <!DOCTYPE html>
-<html lang="en" id="htmlRoot">
+<html lang="zh" id="htmlRoot">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

--- a/mock/sys/user.ts
+++ b/mock/sys/user.ts
@@ -5,11 +5,11 @@ export function createFakeUserList() {
  return [
    {
      userId: '1',
-      username: 'vben',
-      realName: 'Vben Admin',
-      avatar: 'https://q1.qlogo.cn/g?b=qq&nk=190848757&s=640',
+      username: 'najiu',
+      realName: '纳九管理员',
+      avatar: 'http://najiu-saas-new-test2.inajiu.com:7011/favicon.ico',
      desc: 'manager',
-      password: '123456',
+      password: '123456Aa',
      token: 'fakeToken1',
      roles: [
        {

--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/resource/img/logo.png
+++ b/public/resource/img/logo.png
--- a/src/assets/images/login_bg.png
+++ b/src/assets/images/login_bg.png
--- a/src/assets/images/logo.png
+++ b/src/assets/images/logo.png
--- a/src/assets/images/logo1.png
+++ b/src/assets/images/logo1.png
--- a/src/components/SimpleMenu/src/components/menu.less
+++ b/src/components/SimpleMenu/src/components/menu.less
@@ -155,7 +155,8 @@
    &-vertical &-submenu-title {
      position: relative;
      z-index: 1;
-      padding: 14px 24px;
+      //padding: 14px 24px;
+      padding: 12px 24px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;

--- a/src/design/var/index.less
+++ b/src/design/var/index.less
@@ -2,7 +2,7 @@
 @import 'easing';
 @import 'breakpoint';

-@namespace: vben;
+@namespace: najiu;

 // tabs
 @multiple-height: 30px;

--- a/src/layouts/default/header/index.vue
+++ b/src/layouts/default/header/index.vue
@@ -41,12 +41,14 @@

      <FullScreen v-if="getShowFullScreen" :class="`${prefixCls}-action__item fullscreen-item`" />

+      <!--
      <AppLocalePicker
        v-if="getShowLocalePicker"
        :reload="true"
        :showText="false"
        :class="`${prefixCls}-action__item`"
      />
+      -->

      <UserDropDown :theme="getHeaderTheme" />

@@ -72,7 +74,7 @@

  import { MenuModeEnum, MenuSplitTyeEnum } from '/@/enums/menuEnum';
  import { SettingButtonPositionEnum } from '/@/enums/appEnum';
-  import { AppLocalePicker } from '/@/components/Application';
+  // import { AppLocalePicker } from '/@/components/Application';

  import { UserDropDown, LayoutBreadcrumb, FullScreen, Notify, ErrorAction } from './components';
  import { useAppInject } from '/@/hooks/web/useAppInject';
@@ -90,7 +92,7 @@
      LayoutBreadcrumb,
      LayoutMenu,
      UserDropDown,
-      AppLocalePicker,
+      // AppLocalePicker,
      FullScreen,
      Notify,
      AppSearch,

--- a/src/locales/lang/zh_CN/sys.ts
+++ b/src/locales/lang/zh_CN/sys.ts
@@ -65,7 +65,7 @@ export default {
    signUpFormTitle: '注册',
    forgetFormTitle: '重置密码',

-    signInTitle: '开箱即用的中后台管理系统',
+    signInTitle: '纳九后台管理系统',
    signInDesc: '输入您的个人详细信息开始使用！',
    policy: '我同意xxx隐私政策',
    scanSign: `扫码后点击"确认"，即可完成登录`,

--- a/src/settings/designSetting.ts
+++ b/src/settings/designSetting.ts
 import { ThemeEnum } from '../enums/appEnum';

-export const prefixCls = 'vben';
+export const prefixCls = 'najiu';

 export const darkMode = ThemeEnum.LIGHT;


--- a/src/views/sys/login/Login.vue
+++ b/src/views/sys/login/Login.vue
 <template>
  <div :class="prefixCls" class="relative w-full h-full px-4">
-    <AppLocalePicker
-      class="absolute text-white top-4 right-4 enter-x xl:text-gray-600"
-      :showText="false"
-      v-if="!sessionTimeout && showLocale"
-    />
+    <!--    <AppLocalePicker-->
+    <!--      class="absolute text-white top-4 right-4 enter-x xl:text-gray-600"-->
+    <!--      :showText="false"-->
+    <!--      v-if="!sessionTimeout && showLocale"-->
+    <!--    />-->
    <AppDarkModeToggle class="absolute top-3 right-7 enter-x" v-if="!sessionTimeout" />

    <span class="-enter-x xl:hidden">
@@ -51,10 +51,10 @@
            "
          >
            <LoginForm />
-            <ForgetPasswordForm />
-            <RegisterForm />
-            <MobileForm />
-            <QrCodeForm />
+            <!--            <ForgetPasswordForm />-->
+            <!--            <RegisterForm />-->
+            <!--            <MobileForm />-->
+            <!--            <QrCodeForm />-->
          </div>
        </div>
      </div>
@@ -65,12 +65,13 @@
  import { defineComponent, computed } from 'vue';

  import { AppLogo } from '/@/components/Application';
-  import { AppLocalePicker, AppDarkModeToggle } from '/@/components/Application';
+  // import { AppLocalePicker, AppDarkModeToggle } from '/@/components/Application';
+  import { AppDarkModeToggle } from '/@/components/Application';
  import LoginForm from './LoginForm.vue';
-  import ForgetPasswordForm from './ForgetPasswordForm.vue';
-  import RegisterForm from './RegisterForm.vue';
-  import MobileForm from './MobileForm.vue';
-  import QrCodeForm from './QrCodeForm.vue';
+  // import ForgetPasswordForm from './ForgetPasswordForm.vue';
+  // import RegisterForm from './RegisterForm.vue';
+  // import MobileForm from './MobileForm.vue';
+  // import QrCodeForm from './QrCodeForm.vue';

  import { useGlobSetting } from '/@/hooks/setting';
  import { useI18n } from '/@/hooks/web/useI18n';
@@ -82,11 +83,11 @@
    components: {
      AppLogo,
      LoginForm,
-      ForgetPasswordForm,
-      RegisterForm,
-      MobileForm,
-      QrCodeForm,
-      AppLocalePicker,
+      // ForgetPasswordForm,
+      // RegisterForm,
+      // MobileForm,
+      // QrCodeForm,
+      // AppLocalePicker,
      AppDarkModeToggle,
    },
    props: {
@@ -161,6 +162,7 @@
      height: 100%;
      margin-left: -48%;
      background-image: url(/@/assets/svg/login-bg.svg);
+      //background-image: url(/@/assets/images/login_bg.png);
      background-position: 100%;
      background-repeat: no-repeat;
      background-size: auto 100%;

--- a/src/views/sys/login/LoginForm.vue
+++ b/src/views/sys/login/LoginForm.vue
@@ -47,7 +47,7 @@
        {{ t('sys.login.registerButton') }}
      </Button> -->
    </FormItem>
-    <ARow class="enter-x">
+    <!--    <ARow class="enter-x">
      <ACol :xs="24" :md="8">
        <Button block @click="setLoginState(LoginStateEnum.MOBILE)">
          {{ t('sys.login.mobileSignInFormTitle') }}
@@ -73,20 +73,20 @@
      <AlipayCircleFilled />
      <GoogleCircleFilled />
      <TwitterCircleFilled />
-    </div>
+    </div>-->
  </Form>
 </template>
 <script lang="ts">
  import { defineComponent, reactive, ref, toRaw, unref, computed } from 'vue';

-  import { Checkbox, Form, Input, Row, Col, Button, Divider } from 'ant-design-vue';
-  import {
-    GithubFilled,
-    WechatFilled,
-    AlipayCircleFilled,
-    GoogleCircleFilled,
-    TwitterCircleFilled,
-  } from '@ant-design/icons-vue';
+  import { Checkbox, Form, Input, Row, Col, Button } from 'ant-design-vue';
+  // import {
+  //   GithubFilled,
+  //   WechatFilled,
+  //   AlipayCircleFilled,
+  //   GoogleCircleFilled,
+  //   TwitterCircleFilled,
+  // } from '@ant-design/icons-vue';
  import LoginFormTitle from './LoginFormTitle.vue';

  import { useI18n } from '/@/hooks/web/useI18n';
@@ -107,14 +107,14 @@
      Form,
      FormItem: Form.Item,
      Input,
-      Divider,
+      // Divider,
      LoginFormTitle,
      InputPassword: Input.Password,
-      GithubFilled,
-      WechatFilled,
-      AlipayCircleFilled,
-      GoogleCircleFilled,
-      TwitterCircleFilled,
+      // GithubFilled,
+      // WechatFilled,
+      // AlipayCircleFilled,
+      // GoogleCircleFilled,
+      // TwitterCircleFilled,
    },
    setup() {
      const { t } = useI18n();
@@ -130,8 +130,8 @@
      const rememberMe = ref(false);

      const formData = reactive({
-        account: 'vben',
-        password: '123456',
+        account: 'najiu',
+        password: '123456Aa',
      });

      const { validForm } = useFormValid(formRef);

--- a/yarn.lock
+++ b/yarn.lock