hs-admin-ui 1.0.0

package/CHANGELOG.md

@@ -0,0 +1 @@
+��

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 lyt-Top
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/directoryList.md

@@ -0,0 +1,180 @@
+|-- undefined
+|-- .env
+|-- .env.development
+|-- .env.production
+|-- .eslintignore
+|-- .eslintrc.js
+|-- .gitignore
+|-- .npmrc
+|-- .prettierrc.js
+|-- CHANGELOG.md
+|-- index.html
+|-- LICENSE
+|-- package-lock.json
+|-- package.json
+|-- README.md
+|-- tsconfig.json
+|-- vite.config.ts
+|-- .vscode
+| |-- hsvue.code-snippets
+|-- public
+| |-- favicon.ico
+|-- src
+|-- App.vue
+|-- main.ts
+|-- api
+| |-- login
+| | |-- index.ts
+| |-- menu
+| |-- index.ts
+|-- assets
+| |-- ccflowRightNextAdmin.png
+| |-- login-bg.svg
+| |-- login-icon-two.svg
+| |-- login-main.svg
+| |-- logo-mini.svg
+|-- components
+| |-- iconSelector
+| | |-- index.vue
+| | |-- list.vue
+| |-- svgIcon
+| |-- index.vue
+| |-- authDirective.ts
+| |-- customDirective.ts
+| |-- index.ts
+|-- layout
+| |-- index.vue
+| |-- component
+| | |-- aside.vue
+| | |-- columnsAside.vue
+| | |-- header.vue
+| | |-- main.vue
+| |-- footer
+| | |-- index.vue
+| |-- lockScreen
+| | |-- index.vue
+| |-- logo
+| | |-- index.vue
+| |-- main
+| | |-- classic.vue
+| | |-- columns.vue
+| | |-- defaults.vue
+| | |-- transverse.vue
+| |-- navBars
+| | |-- index.vue
+| | |-- tagsView
+| | | |-- contextmenu.vue
+| | | |-- tagsView.vue
+| | |-- topBar
+| | |-- breadcrumb.vue
+| | |-- closeFull.vue
+| | |-- index.vue
+| | |-- search.vue
+| | |-- setings.vue
+| | |-- user.vue
+| |-- navMenu
+| | |-- horizontal.vue
+| | |-- subItem.vue
+| | |-- vertical.vue
+| |-- routerView
+| | |-- iframes.vue
+| | |-- link.vue
+| | |-- parent.vue
+| |-- sponsors
+| | |-- index.vue
+| |-- upgrade
+| |-- index.vue
+|-- router
+| |-- backEnd.ts
+| |-- frontEnd.ts
+| |-- index.ts
+| |-- route.ts
+|-- stores
+| |-- index.ts
+| |-- keepAliveNames.ts
+| |-- requestOldRoutes.ts
+| |-- routesList.ts
+| |-- tagsViewRoutes.ts
+| |-- themeConfig.ts
+| |-- userInfo.ts
+|-- theme
+| |-- app.scss
+| |-- dark.scss
+| |-- element.scss
+| |-- iconSelector.scss
+| |-- index.scss
+| |-- loading.scss
+| |-- other.scss
+| |-- tableTool.scss
+| |-- waves.scss
+| |-- common
+| | |-- transition.scss
+| |-- media
+| | |-- chart.scss
+| | |-- cityLinkage.scss
+| | |-- date.scss
+| | |-- dialog.scss
+| | |-- error.scss
+| | |-- form.scss
+| | |-- home.scss
+| | |-- index.scss
+| | |-- layout.scss
+| | |-- login.scss
+| | |-- media.scss
+| | |-- pagination.scss
+| | |-- personal.scss
+| | |-- scrollbar.scss
+| | |-- tagsView.scss
+| |-- mixins
+| |-- index.scss
+|-- types
+| |-- axios.d.ts
+| |-- global.d.ts
+| |-- layout.d.ts
+| |-- mitt.d.ts
+| |-- pinia.d.ts
+| |-- views.d.ts
+|-- utils
+| |-- arrayOperation.ts
+| |-- authFunction.ts
+| |-- build.ts
+| |-- commonFunction.ts
+| |-- formatTime.ts
+| |-- getStyleSheets.ts
+| |-- loading.ts
+| |-- mitt.ts
+| |-- other.ts
+| |-- request.ts
+| |-- setIconfont.ts
+| |-- storage.ts
+| |-- theme.ts
+| |-- toolsValidate.ts
+| |-- watermark.ts
+|-- views
+|-- error
+| |-- 401.vue
+| |-- 404.vue
+|-- home
+| |-- index.vue
+|-- login
+| |-- index.vue
+| |-- component
+| |-- account.vue
+| |-- mobile.vue
+| |-- scan.vue
+|-- system
+|-- dept
+| |-- dialog.vue
+| |-- index.vue
+|-- dic
+| |-- dialog.vue
+| |-- index.vue
+|-- menu
+| |-- dialog.vue
+| |-- index.vue
+|-- role
+| |-- dialog.vue
+| |-- index.vue
+|-- user
+|-- dialog.vue
+|-- index.vue

package/package.json

@@ -0,0 +1,78 @@
+{
+	"name": "hs-admin-ui",
+	"version": "1.0.0",
+	"private": false,
+	"description": "vue3 + typescript5 + vite5 的框架",
+	"author": "wgd",
+	"scripts": {
+		"dev": "vite --force",
+		"build": "vite build",
+		"lint-fix": "eslint --fix --ext .js --ext .jsx --ext .vue src/"
+	},
+	"dependencies": {
+		"@element-plus/icons-vue": "^2.3.1",
+		"axios": "^1.6.7",
+		"crypto-js": "^4.2.0",
+		"default-passive-events": "^2.0.0",
+		"echarts": "^5.5.0",
+		"element-plus": "^2.5.6",
+		"js-cookie": "^3.0.5",
+		"localforage": "^1.10.0",
+		"lodash": "^4.17.21",
+		"mitt": "^3.0.1",
+		"nprogress": "^0.2.0",
+		"pinia": "^2.1.7",
+		"qrcodejs2-fixes": "^0.0.2",
+		"qs": "^6.11.2",
+		"screenfull": "^6.0.2",
+		"sortablejs": "^1.15.2",
+		"splitpanes": "^3.1.5",
+		"trtc-sdk-v5": "^5.4.1",
+		"ts-md5": "^1.3.1",
+		"vue": "^3.4.19",
+		"vue-clipboard3": "^2.0.0",
+		"vue-demi": "^0.14.7",
+		"vue-draggable-plus": "^0.3.5",
+		"vue-router": "^4.3.0",
+		"vxe-table": "^4.5.20",
+		"xe-utils": "^3.5.20"
+	},
+	"devDependencies": {
+		"@types/node": "^20.11.19",
+		"@types/nprogress": "^0.2.3",
+		"@typescript-eslint/eslint-plugin": "^7.0.2",
+		"@typescript-eslint/parser": "^7.0.2",
+		"@vitejs/plugin-vue": "^5.0.4",
+		"@vue/compiler-sfc": "^3.4.19",
+		"@vueuse/core": "^10.8.0",
+		"autoprefixer": "^10.4.17",
+		"eslint": "^8.56.0",
+		"eslint-plugin-vue": "^9.21.1",
+		"postcss": "^8.4.35",
+		"prettier": "^3.2.5",
+		"sass": "^1.71.1",
+		"tailwindcss": "^3.4.1",
+		"terser": "^5.27.2",
+		"typescript": "^5.3.3",
+		"vite": "^5.1.4",
+		"vite-plugin-cdn-import": "^0.3.5",
+		"vite-plugin-compression": "^0.5.1",
+		"vite-plugin-style-import": "^2.0.0",
+		"vite-plugin-vue-setup-extend-plus": "^0.1.0",
+		"vue-eslint-parser": "^9.4.2"
+	},
+	"browserslist": [
+		"> 1%",
+		"last 2 versions",
+		"not dead"
+	],
+	"engines": {
+		"node": ">=16.0.0",
+		"npm": ">= 7.0.0"
+	},
+	"keywords": [
+		"vue",
+		"vue3",
+		"element-plus"
+	]
+}

package/postcss.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+    ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
+  }
+};

package/src/App.vue

@@ -0,0 +1,88 @@
+<template>
+	<el-config-provider :size="getGlobalComponentSize" :locale="zhCn">
+		<!-- 路由 -->
+		<router-view v-show="setLockScreen" />
+		<!-- 锁屏 -->
+		<LockScreen v-if="themeConfig.isLockScreen" />
+		<!-- 设置 -->
+		<Setings ref="setingsRef" v-show="setLockScreen" />
+		<!-- 全屏 -->
+		<CloseFull v-if="!themeConfig.isLockScreen" />
+	</el-config-provider>
+</template>
+
+<script setup lang="ts" name="app">
+import { defineAsyncComponent, computed, ref, onBeforeMount, onMounted, onUnmounted, nextTick, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import zhCn from 'element-plus/es/locale/lang/zh-cn';
+import { storeToRefs } from 'pinia';
+import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
+import { useThemeConfig } from '/@/stores/themeConfig';
+import other from '/@/utils/other';
+import { systemStore, Session } from '/@/utils/storage';
+import mittBus from '/@/utils/mitt';
+import setIntroduction from '/@/utils/setIconfont';
+
+// 引入组件
+const LockScreen = defineAsyncComponent(() => import('/@/layout/lockScreen/index.vue'));
+const Setings = defineAsyncComponent(() => import('/@/layout/navBars/topBar/setings.vue'));
+const CloseFull = defineAsyncComponent(() => import('/@/layout/navBars/topBar/closeFull.vue'));
+
+// 定义变量内容
+const setingsRef = ref();
+const route = useRoute();
+const stores = useTagsViewRoutes();
+const storesThemeConfig = useThemeConfig();
+const { themeConfig } = storeToRefs(storesThemeConfig);
+
+// 设置锁屏时组件显示隐藏
+const setLockScreen = computed(() => {
+	// 防止锁屏后，刷新出现不相关界面
+	return themeConfig.value.isLockScreen ? themeConfig.value.lockScreenTime > 1 : themeConfig.value.lockScreenTime >= 0;
+});
+// 获取全局组件大小
+const getGlobalComponentSize = computed(() => {
+	return other.globalComponentSize();
+});
+// 设置初始化，防止刷新时恢复默认
+onBeforeMount(() => {
+	// 设置批量第三方 icon 图标
+	setIntroduction.cssCdn();
+	// 设置批量第三方 js
+	setIntroduction.jsCdn();
+});
+// 页面加载时
+onMounted(() => {
+	nextTick(async () => {
+		// 监听布局配'置弹窗点击打开
+		mittBus.on('openSetingsDrawer', () => {
+			setingsRef.value.openDrawer();
+		});
+		// 获取缓存中的布局配置
+		const themeConfig = await systemStore.get('themeConfig');
+		if (themeConfig) {
+			const themeConfigStyle = await systemStore.get('themeConfigStyle');
+			storesThemeConfig.setThemeConfig({ themeConfig });
+			document.documentElement.style.cssText = themeConfigStyle;
+		}
+		// 获取缓存中的全屏配置
+		if (Session.get('isTagsViewCurrenFull')) {
+			stores.setCurrenFullscreen(Session.get('isTagsViewCurrenFull'));
+		}
+	});
+});
+// 页面销毁时，关闭监听布局配置/i18n监听
+onUnmounted(() => {
+	mittBus.off('openSetingsDrawer', () => {});
+});
+// 监听路由的变化，设置网站标题
+watch(
+	() => route.path,
+	() => {
+		other.useTitle();
+	},
+	{
+		deep: true,
+	}
+);
+</script>

package/src/api/fieldConfigController/index.ts

@@ -0,0 +1,76 @@
+import request from '/@/utils/request';
+/**
+ * 追加标题到参数对象中
+ */
+const assign = (params: object, title: string) => {
+	return Object.assign(params, { other_log_info: { title } });
+};
+/**
+ * 接口分类: 新表格字段设置操作接口 - FieldConfigController
+ * 接口名称: 保存新表格字段设置 - 接口地址: /scmp-web/pri/field_config/add_field
+ * 请求方式: post
+ * @param  {[string]}  business_json  [表格字段业务json数据] 是否必填:是
+ * @param  {[string]}  config_name  [配置名称] 是否必填:是
+ * @param  {[string]}  config_type  [配置类型] 是否必填:是
+ * @param  {[string]}  config_unique_id  [配置标识] 是否必填:是
+ * @param  {[string]}  field_json  [表格字段json数据] 是否必填:是
+ * @param  {[string]}  field_pool_json  [字段池json数据] 是否必填:否
+ * @param  {[string]}  id  [id] 是否必填:否
+ * @param  {[string]}  menu_id  [菜单id] 是否必填:是
+ * @param  {[string]}  page_name  [页面名称] 是否必填:是
+ * @param  {[string]}  project_code  [所属系统] 是否必填:否
+ * @return   {[type]} [description]
+ */
+const postAddField = <T>(data: object = {}): Promise<T> => {
+	data = assign(data, '保存新表格字段设置');
+	return request({
+		url: '/scmp-web/pri/field_config/add_field',
+		method: 'post',
+		data,
+	});
+};
+/**
+ * 接口分类: 新表格字段设置操作接口 - FieldConfigController
+ * 接口名称: 根据菜单id查询字段信息 - 接口地址: /scmp-web/pri/field_config/get_field_by_menu
+ * 请求方式: get
+ * @param  {[string]}  menu_id  [菜单id] 是否必填:否
+ * @param  {[string]}  project_code  [所属系统] 是否必填:否
+ * @return   {[type]} [description]
+ */
+const getFieldByMenu = <T>(params: object = {}): Promise<T> => {
+	params = assign(params, '根据菜单id查询字段信息');
+	return request({
+		url: '/scmp-web/pri/field_config/get_field_by_menu',
+		method: 'get',
+		params,
+	});
+};
+
+/**
+ * 接口分类: 新表格字段设置操作接口 - FieldConfigController
+ * 接口名称: 查询新表格字段配置列表 - 接口地址: /scmp-web/pri/field_config/get_field_list_page
+ * 请求方式: get
+ * @param  {[string]}  config_type  [配置类型] 是否必填:否
+ * @param  {[string]}  config_unique_id  [配置标识] 是否必填:否
+ * @param  {[string]}  currentPage  [当前页（默认1）] 是否必填:否
+ * @param  {[string]}  pageSize  [分页大小（默认10）] 是否必填:否
+ * @param  {[string]}  project_code  [所属系统:精确查询] 是否必填:否
+ * @param  {[string]}  qry_page_name_like  [页面名称] 是否必填:否
+ * @return   {[type]} [description]
+ */
+const getFieldListPage = <T>(params: object = {}): Promise<T> => {
+	params = assign(params, '查询新表格字段配置列表');
+	return request({
+		url: '/scmp-web/pri/field_config/get_field_list_page',
+		method: 'get',
+		params,
+	});
+};
+
+export function useFieldConfigController() {
+	return {
+		postAddField,
+		getFieldByMenu,
+		getFieldListPage,
+	};
+}

package/src/api/fieldConfigController/type.ts

@@ -0,0 +1,44 @@
+export interface GetFieldByMenu {
+	code: number;
+	msg: string;
+	data: Array<{
+		databaseName: string;
+		id: string;
+		qry_create_time_begin: object;
+		qry_create_time_end: object;
+		is_del: string;
+		query_order_by: string;
+		page: object;
+		customSql: object;
+		customResult: object;
+		customWhere: object;
+		customSelect: object;
+		customResultTotal: object;
+		customDataWhere: object;
+		menu_id: string;
+		distinct_flag: object;
+		distinct_sql: object;
+		district_code: object;
+		township_code: object;
+		city_code_str: object;
+		district_code_str: object;
+		qry_city_code_in_list: object;
+		qry_district_code_in_list: object;
+		qry_data_way_str: object;
+		qry_company_type_str: object;
+		create_time: string;
+		update_time: string;
+		company_id: string;
+		page_name: string;
+		field_json: string;
+		business_json: string;
+		config_name: string;
+		config_unique_id: string;
+		config_type: string;
+		project_code: string;
+		field_pool_json: object;
+		qry_page_name_like: object;
+		id_ne: object;
+		project_code_ne: object;
+	}>;
+}

package/src/api/login/index.ts

@@ -0,0 +1,78 @@
+import request from '/@/utils/request';
+/**
+ * 追加标题到参数对象中
+ */
+const assign = (params: object, title: string) => {
+	return Object.assign(params, { title });
+};
+/**
+ * 接口分类: 登录相关接口 - LoginController
+ * 接口名称: ajax登录方法 - 接口地址: /cms-web/ajaxLogin
+ * 请求方式: post
+ * @param  {[string]}  account  [用户名] 是否必填:是
+ * @param  {[string]}  code  [验证码] 是否必填:是
+ * @param  {[string]}  pwd  [密码（md5加密一次）] 是否必填:是
+ * @param  {[string]}  replenish_flag  [补货标志：1 = 补货员登录] 是否必填:否
+ * @return   {[type]} [description]
+ */
+const postAjaxLogin = (params: object = {}) => {
+	params = assign(params, 'ajax登录方法');
+	return request({
+		url: '/cms-web/ajaxLogin',
+		method: 'post',
+		params,
+	});
+};
+/**
+ * 接口分类: 登录相关接口 - LoginController
+ * 接口名称: 加盟商登录 - 接口地址: /cms-web/ajaxLogin4Franchisee
+ * 请求方式: post
+ * @param  {[string]}  code  [验证码] 是否必填:是
+ * @param  {[string]}  user_account  [用户名] 是否必填:是
+ * @param  {[string]}  user_pwd  [密码（md5加密一次）] 是否必填:是
+ * @return   {[type]} [description]
+ */
+const postAjaxLogin4Franchisee = (params: object = {}) => {
+	params = assign(params, '加盟商登录');
+	return request({
+		url: '/cms-web/ajaxLogin4Franchisee',
+		method: 'post',
+		params,
+	});
+};
+/**
+ * 接口分类: 登录相关接口 - LoginController
+ * 接口名称: ajax登出方法 - 接口地址: /cms-web/ajaxLogout
+ * 请求方式: post
+ * @return   {[type]} [description]
+ */
+const postAjaxLogout = (params: object = {}) => {
+	params = assign(params, 'ajax登出方法');
+	return request({
+		url: '/cms-web/ajaxLogout',
+		method: 'post',
+		params,
+	});
+};
+/**
+ * 接口分类: 登录相关接口 - LoginController
+ * 接口名称: 获取验证码图片以及验证码code值 - 接口地址: /cms-web/validateCode
+ * 请求方式: get
+ * @return   {[type]} [description]
+ */
+const getValidateCode = (params: object = {}) => {
+	params = assign(params, '获取验证码图片以及验证码code值');
+	return request({
+		url: '/cms-web/validateCode',
+		method: 'get',
+		params,
+	});
+};
+export function useLoginController() {
+	return {
+		postAjaxLogin,
+		postAjaxLogin4Franchisee,
+		postAjaxLogout,
+		getValidateCode,
+	};
+}

package/src/api/loginController/index.ts

@@ -0,0 +1,74 @@
+import request from '/@/utils/request';
+/**
+ * 追加标题到参数对象中
+ */
+const assign = (params: object, title: string) => {
+	return Object.assign(params, { other_log_info: { title } });
+};
+/**
+ * 接口分类: 登录相关接口 - LoginController
+ * 接口名称: ajax登录方法 - 接口地址: /scmp-web/ajaxLogin
+ * 请求方式: post
+ * @param  {[string]}  account  [用户名] 是否必填:是
+ * @param  {[string]}  code  [验证码] 是否必填:是
+ * @param  {[string]}  pwd  [密码（md5加密一次）] 是否必填:是
+ * @return   {[type]} [description]
+ */
+const postAjaxLogin = <T>(data: object = {}): Promise<T> => {
+	data = assign(data, 'ajax登录方法');
+	return request({
+		url: '/scmp-web/ajaxLogin',
+		method: 'post',
+		data,
+	});
+};
+/**
+ * 接口分类: 登录相关接口 - LoginController
+ * 接口名称: ajax登出方法 - 接口地址: /scmp-web/ajaxLogout
+ * 请求方式: post
+ * @return   {[type]} [description]
+ */
+const postAjaxLogout = <T>(data: object = {}): Promise<T> => {
+	data = assign(data, 'ajax登出方法');
+	return request({
+		url: '/scmp-web/ajaxLogout',
+		method: 'post',
+		data,
+	});
+};
+/**
+ * 接口分类: 登录相关接口 - LoginController
+ * 接口名称: 获取sid - 接口地址: /scmp-web/get_sid
+ * 请求方式: get
+ * @return   {[type]} [description]
+ */
+const getSid = <T>(params: object = {}): Promise<T> => {
+	params = assign(params, '获取sid');
+	return request({
+		url: '/scmp-web/get_sid',
+		method: 'get',
+		params,
+	});
+};
+/**
+ * 接口分类: 登录相关接口 - LoginController
+ * 接口名称: 获取验证码图片以及验证码code值 - 接口地址: /scmp-web/validateCode
+ * 请求方式: get
+ * @return   {[type]} [description]
+ */
+const getValidateCode = <T>(params: object = {}): Promise<T> => {
+	params = assign(params, '获取验证码图片以及验证码code值');
+	return request({
+		url: '/scmp-web/validateCode',
+		method: 'get',
+		params,
+	});
+};
+export function useLoginController() {
+	return {
+		postAjaxLogin,
+		postAjaxLogout,
+		getSid,
+		getValidateCode,
+	};
+}

package/src/api/menu/index.ts

@@ -0,0 +1,34 @@
+import request from '/@/utils/request';
+
+/**
+ * 以下为模拟接口地址，gitee 的不通，就换自己的真实接口地址
+ *
+ * （不建议写成 request.post(xxx)，因为这样 post 时，无法 params 与 data 同时传参）
+ *
+ * 后端控制菜单模拟json
+ * 后端控制路由，isRequestRoutes 为 true，则开启后端控制路由
+ * @method getMenuList 获取后端动态路由菜单(admin)
+ * @method getTestMenu 获取后端动态路由菜单(test)
+ */
+const assign = (params: object, title: string) => {
+	return Object.assign(params, { title: title });
+};
+export function useMenuController() {
+	return {
+		getMenuList: (params: object = {}) => {
+			params = assign(params, '测试');
+			return request({
+				url: '/json/adminMenu.json',
+				method: 'get',
+				params,
+			});
+		},
+		getTestMenu: (params: object = {}) => {
+			return request({
+				url: '/gitee/lyt-top/vue-next-admin-images/raw/master/menu/testMenu.json',
+				method: 'get',
+				params,
+			});
+		},
+	};
+}