+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
new file mode 100644
index 0000000..f89dc6f
--- /dev/null
+++ b/src/components/SvgIcon/index.vue
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/directive/index.ts b/src/directive/index.ts
new file mode 100644
index 0000000..40162b0
--- /dev/null
+++ b/src/directive/index.ts
@@ -0,0 +1,27 @@
+import type { Directive, DirectiveBinding } from 'vue'
+import useStore from '@/stores'
+
+/**
+ * 按钮权限校验
+ */
+export const perm: Directive = {
+ mounted(el: HTMLElement, binding: DirectiveBinding) {
+ const { value } = binding
+ const { user } = useStore()
+ if (value) {
+ const requiredPerms = value // DOM绑定需要的按钮权限标识
+
+ const hasPerm = user.perms?.some(perm => {
+ return requiredPerms.includes(perm)
+ })
+
+ if (!hasPerm) {
+ el.parentNode && el.parentNode.removeChild(el)
+ }
+ } else {
+ throw new Error(
+ "need perms! Like v-has-perm=\"['sys:user:add','sys:user:edit']\""
+ )
+ }
+ }
+}
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
new file mode 100644
index 0000000..e64f417
--- /dev/null
+++ b/src/layout/components/AppMain.vue
@@ -0,0 +1,55 @@
+
+
+
+
+
+
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
new file mode 100644
index 0000000..dc67a96
--- /dev/null
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -0,0 +1,88 @@
+
+
+
+
+ ![]()
+
+
+ ![]()
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
new file mode 100644
index 0000000..fdf66c6
--- /dev/null
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -0,0 +1,108 @@
+
+ DC信贷系统
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
new file mode 100644
index 0000000..f843f4f
--- /dev/null
+++ b/src/layout/components/Sidebar/index.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/TagsView/ScrollPane.vue b/src/layout/components/TagsView/ScrollPane.vue
new file mode 100644
index 0000000..db17cc8
--- /dev/null
+++ b/src/layout/components/TagsView/ScrollPane.vue
@@ -0,0 +1,113 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..2d5893e
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,36 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import zhCn from 'element-plus/es/locale/lang/zh-cn'
+import './assets/styles/tailwind.css'
+
+import '../types/global.d.ts'
+
+
+// 自定义UI组件
+import adminUIDesign from 'vue3-admin-ui'
+import 'vue3-admin-ui/dist/style.css'
+
+// 自定义样式
+import '@/assets/styles/index.scss'
+
+// 引入svg注册脚本
+import 'virtual:svg-icons-register'
+
+// 路由处理
+import '@/permission'
+import { perm } from '@/directive/index'
+
+import App from './App.vue'
+import router from './router'
+
+const app = createApp(App)
+app.directive('perm', perm)
+app.use(adminUIDesign)
+app.use(ElementPlus, { locale: zhCn, size: 'small', zIndex: 3000 })
+app.use(createPinia().use(piniaPluginPersistedstate))
+app.use(router)
+
+app.mount('#app')
diff --git a/src/mixins/index.ts b/src/mixins/index.ts
new file mode 100644
index 0000000..0af9c6c
--- /dev/null
+++ b/src/mixins/index.ts
@@ -0,0 +1,87 @@
+import { handleData } from 'lz-utils-lib'
+import { apiProtocolTempList } from '@/api/protocol/template'
+import api from '@/api'
+const { apiCommonConfig } = api.common
+
+/** 获取公共配置列表 */
+export const handleGetCommonConfig = async (typeList: any) => {
+ return await apiCommonConfig.post!({ typeList }).then((res: any) => {
+ const data = res.data.map((item: { type: string; configList: any[] }) => {
+ return {
+ type: item.type,
+ configList: handleData.formatOptions(item.configList, 'value', 'code')
+ }
+ })
+ return data
+ })
+}
+
+// 格式化公共配置数据
+export const formatCommonConfig = (data: any, typeCode: string, valueType = 'string') => {
+ let arr
+ if (valueType === 'number') {
+ arr = data.find(
+ (it: { type: string }) => it.type === typeCode
+ ).configList.map((item: any) => {
+ return { label: item.label, value: Number(item.value) }
+ })
+ } else {
+ arr = data.find(
+ (it: { type: string }) => it.type === typeCode
+ ).configList.map((item: any) => {
+ return { label: item.label, value: item.value }
+ })
+ }
+ return arr
+}
+
+/** 获取全部资方列表 */
+export const handleGetSupplierList = async () => {
+ return await api.common.getSupplierList.get!<[]>().then((res) => {
+ const supplierId = handleData.formatOptions(res.data, 'supplierName', 'id')
+ const supplierCode = handleData.formatOptions(res.data, 'supplierName', 'supplierCode')
+ return {
+ supplierId,
+ supplierCode
+ }
+ })
+}
+
+/** 获取广告全部资方列表 */
+export const handleGetAdvSupplierList = async () => {
+ return await api.common.getAdvSupplierList.get!<[]>().then((res) => {
+ const advId = handleData.formatOptions(res.data, 'advName', 'id')
+ const advCode = handleData.formatOptions(res.data, 'advName', 'advChannel')
+ const advIdByCode = handleData.formatOptions(res.data, 'id', 'advChannel')
+ return {
+ advId,
+ advCode,
+ advIdByCode
+ }
+ })
+}
+
+/** 获取用户的操作渠道 */
+export const handleGetUserChannels = async () => {
+ return await api.common.getUserChannelList.get!<[]>().then((res) => {
+ const userChannel = handleData.formatOptions(res.data, 'pkgName', 'pkgCode')
+ const userChannelCode = handleData.formatOptions(res.data, 'pkgCode', 'pkgCode')
+ return {
+ userChannel,
+ userChannelCode
+ }
+ })
+}
+
+/** 获取全部协议列表 */
+export const handleGetProtocolTempList = async () => {
+ return await apiProtocolTempList().then((res) => {
+ const data = res.data.map((it: { id: any; protocolName: any }) => {
+ return {
+ label: `${it.id} - ${it.protocolName}`,
+ value: it.id
+ }
+ })
+ return data
+ })
+}
diff --git a/src/permission.ts b/src/permission.ts
new file mode 100644
index 0000000..b87b08a
--- /dev/null
+++ b/src/permission.ts
@@ -0,0 +1,63 @@
+import router from '@/router'
+import useStore from '@/stores'
+import NProgress from 'nprogress'
+import 'nprogress/nprogress.css'
+NProgress.configure({ showSpinner: false })
+
+let loaded = false
+
+// 白名单路由
+const whiteList = ['/login', '/errorpage']
+
+router.beforeEach(async (to, from, next) => {
+ NProgress.start()
+ const { user, permission } = useStore()
+ const hasToken = user.tokenValue
+ if (hasToken) {
+ // 登录成功，跳转到首页
+ if (to.path === '/login') {
+ loaded = false
+ router.removeRoute('errorpage')
+ next()
+ NProgress.done()
+ } else {
+ if (!loaded) {
+ try {
+ const menuList = (await user.getUserRoleInfo()) as any[]
+ const accessRoutes: any = await permission.generateRoutes(menuList)
+ accessRoutes.forEach((route: any) => {
+ router.addRoute(route)
+ })
+ next({ ...to, replace: true })
+ loaded = true
+ } catch (error) {
+ console.warn(error)
+ // 移除 token 并跳转登录页
+ await user.onResetToken()
+ next(`/login?redirect=${to.path}`)
+ NProgress.done()
+ }
+ } else {
+ next()
+ }
+ }
+ } else {
+ // 未登录可以访问白名单页面(登录页面)
+ if (whiteList.indexOf(to.path) !== -1) {
+ if (to.path === '/login') {
+ loaded = false
+ router.removeRoute('errorpage')
+ }
+ next()
+ } else {
+ loaded = false
+ router.removeRoute('errorpage')
+ next(`/login?redirect=${to.path}`)
+ NProgress.done()
+ }
+ }
+})
+
+router.afterEach(() => {
+ NProgress.done()
+})
diff --git a/src/router/index.ts b/src/router/index.ts
new file mode 100644
index 0000000..971d50a
--- /dev/null
+++ b/src/router/index.ts
@@ -0,0 +1,24 @@
+import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router'
+import useStore from '@/stores'
+import SystemRouter from './system'
+
+// 创建路由
+const router = createRouter({
+ history: createWebHistory('/opui/'),
+ routes: SystemRouter as RouteRecordRaw[],
+ // 刷新时，滚动条位置还原
+ scrollBehavior: () => ({ left: 0, top: 0 })
+})
+
+// 重置路由
+export const resetRouter = () => {
+ const { permission } = useStore()
+ permission.routes.forEach((route) => {
+ const name = route.name
+ if (name && router.hasRoute(name)) {
+ router.removeRoute(name)
+ }
+ })
+}
+
+export default router
diff --git a/src/router/system.ts b/src/router/system.ts
new file mode 100644
index 0000000..53f012f
--- /dev/null
+++ b/src/router/system.ts
@@ -0,0 +1,26 @@
+import type { RouteRecordRaw } from 'vue-router'
+export const Layout = () => import('@/layout/index.vue')
+
+// 静态路由
+export const constantRoutes: Array
+
+