TestUnit.vue
+
+
+
+
+
diff --git a/src/components/__tests__/el-svgIcon.test.jsx b/src/components/__tests__/el-svgIcon.test.jsx
new file mode 100644
index 0000000..238a998
--- /dev/null
+++ b/src/components/__tests__/el-svgIcon.test.jsx
@@ -0,0 +1,236 @@
+import { markRaw, nextTick, ref } from 'vue'
+import { mount } from '@vue/test-utils'
+import { describe, expect, it, test } from 'vitest'
+import { Loading, Search } from '@element-plus/icons-vue'
+
+import ElSvgIcon from '../ElSvgIcon.vue'
+
+// const AXIOM = 'Rem is the best girl'
+
+describe('ElSvgIcon.vue', () => {
+ it('create', () => {
+ const wrapper = mount(() =>
+
+
+
+
+
+
diff --git a/src/layout/app-main/Navbar.vue b/src/layout/app-main/Navbar.vue
new file mode 100644
index 0000000..aa1aa51
--- /dev/null
+++ b/src/layout/app-main/Navbar.vue
@@ -0,0 +1,129 @@
+
+
+
+
+
+
+
+
diff --git a/src/layout/app-main/TagsView.vue b/src/layout/app-main/TagsView.vue
new file mode 100644
index 0000000..b6ddfe3
--- /dev/null
+++ b/src/layout/app-main/TagsView.vue
@@ -0,0 +1,305 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/app-main/component/LangSelect.vue b/src/layout/app-main/component/LangSelect.vue
new file mode 100644
index 0000000..de9b18e
--- /dev/null
+++ b/src/layout/app-main/component/LangSelect.vue
@@ -0,0 +1,41 @@
+
+
+
+
+
+ {{ settings.title }}
+
+
+
+
+
+ {{ langTitle('Home') }}
+
+
+ {{ langTitle('Github') }}
+
+
+ {{ langTitle('LowCodePlatFrom') }}
+
+
+ {{ langTitle('login out') }}
+
+
+
+
+
+ 
+
+
+
+ {{ item.label }}
+
+
+
+
+
+ Vue3 Admin Plus
+ {{ item.label }}
+{{ item.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/index.vue b/src/layout/index.vue
new file mode 100644
index 0000000..295abbf
--- /dev/null
+++ b/src/layout/index.vue
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+
diff --git a/src/layout/sidebar/Link.vue b/src/layout/sidebar/Link.vue
new file mode 100644
index 0000000..1875bee
--- /dev/null
+++ b/src/layout/sidebar/Link.vue
@@ -0,0 +1,31 @@
+
+
+
+
+ 执行hook方法
+
+
+
+
diff --git a/src/views/basic-demo/keep-alive/index.vue b/src/views/basic-demo/keep-alive/index.vue
new file mode 100644
index 0000000..377ec10
--- /dev/null
+++ b/src/views/basic-demo/keep-alive/index.vue
@@ -0,0 +1,58 @@
+
+ 引入use-common.ts中的copyValueToClipboard
+
+
+
+
+
+
+
+ to SecondChild.vue
+
+
+
diff --git a/src/views/basic-demo/keep-alive/second-child.vue b/src/views/basic-demo/keep-alive/second-child.vue
new file mode 100644
index 0000000..6025f54
--- /dev/null
+++ b/src/views/basic-demo/keep-alive/second-child.vue
@@ -0,0 +1,33 @@
+
+ Second Page KeepAlive Demo
+
+
+
+
+
+
+
+
+ to ThirdChild.vue
+ 返回
+
+
+
+
+
diff --git a/src/views/basic-demo/keep-alive/tab-keep-alive.vue b/src/views/basic-demo/keep-alive/tab-keep-alive.vue
new file mode 100644
index 0000000..d9df1ef
--- /dev/null
+++ b/src/views/basic-demo/keep-alive/tab-keep-alive.vue
@@ -0,0 +1,19 @@
+
+ second-level.vue
+
+
+
+
diff --git a/src/views/basic-demo/keep-alive/third-child.vue b/src/views/basic-demo/keep-alive/third-child.vue
new file mode 100644
index 0000000..3b5409e
--- /dev/null
+++ b/src/views/basic-demo/keep-alive/third-child.vue
@@ -0,0 +1,30 @@
+
+ Tab KeepAlive Demo
+
+
+
+
+
+
+
+ 返回
+
+
+
+
+
+
diff --git a/src/views/basic-demo/keep-alive/third-children/SecondChildren.vue b/src/views/basic-demo/keep-alive/third-children/SecondChildren.vue
new file mode 100644
index 0000000..7629df2
--- /dev/null
+++ b/src/views/basic-demo/keep-alive/third-children/SecondChildren.vue
@@ -0,0 +1,10 @@
+
+ third-level.vue
+I Am SecondChildren.vue
+ I Am ThirdChildren.vue
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/basic-demo/mock/index.vue b/src/views/basic-demo/mock/index.vue
new file mode 100644
index 0000000..cb12b67
--- /dev/null
+++ b/src/views/basic-demo/mock/index.vue
@@ -0,0 +1,17 @@
+
+ third-keep-alive demo
+
+ 点击发送mock请求
+
+
+
+
+
+
diff --git a/src/views/basic-demo/parent-children/Children.vue b/src/views/basic-demo/parent-children/Children.vue
new file mode 100644
index 0000000..95427d6
--- /dev/null
+++ b/src/views/basic-demo/parent-children/Children.vue
@@ -0,0 +1,76 @@
+
+ mock使用示例
+
+ emitFather
+ getFatherMethod
+
+
+ call father method
+ slot using
+
+ 没传内容
+没传header插槽
+没传footer插槽
+v-model sync using
+ {{ childrenTitle }}
+ provide and inject using
+ {{ title }}
+
+ Teleport Using
+
+
+
+
+
+
+ to container
+ Close
+
+
+ call childMethod
+
+
+
+
+
+
+
+
+
diff --git a/src/views/basic-demo/pinia/index.vue b/src/views/basic-demo/pinia/index.vue
new file mode 100644
index 0000000..79a3129
--- /dev/null
+++ b/src/views/basic-demo/pinia/index.vue
@@ -0,0 +1,14 @@
+
+ call child method
+ 默认插槽
+
+
+
+ 具名插槽
+
+
+
+ {{ testProps }}
+
+
+ switch sidebar.opened
+
+
+
+
+
+
diff --git a/src/views/basic-demo/svg-icon/index.vue b/src/views/basic-demo/svg-icon/index.vue
new file mode 100644
index 0000000..06ae739
--- /dev/null
+++ b/src/views/basic-demo/svg-icon/index.vue
@@ -0,0 +1,18 @@
+
+ 由于使用了 AutoImport 插件 可以直接引入pinia里的api
+
+
+
+
+
+
+
diff --git a/src/views/basic-demo/vue3-template/Vue3Template.vue b/src/views/basic-demo/vue3-template/Vue3Template.vue
new file mode 100644
index 0000000..03bedc5
--- /dev/null
+++ b/src/views/basic-demo/vue3-template/Vue3Template.vue
@@ -0,0 +1,39 @@
+
+ svg-icon使用示例
+ vue3推荐模板可以集成在你们的vscode或webstorm中，有助于快速开发
+
+
+
+
+
diff --git a/src/views/basic-demo/worker/index.vue b/src/views/basic-demo/worker/index.vue
new file mode 100644
index 0000000..9e96667
--- /dev/null
+++ b/src/views/basic-demo/worker/index.vue
@@ -0,0 +1,45 @@
+
+
+
+
+
diff --git a/src/views/charts/components/Keyboard.vue b/src/views/charts/components/Keyboard.vue
new file mode 100644
index 0000000..dc0d297
--- /dev/null
+++ b/src/views/charts/components/Keyboard.vue
@@ -0,0 +1,158 @@
+
+
+
+
+
+
+
diff --git a/src/views/charts/components/LineMarker.vue b/src/views/charts/components/LineMarker.vue
new file mode 100644
index 0000000..3868df2
--- /dev/null
+++ b/src/views/charts/components/LineMarker.vue
@@ -0,0 +1,278 @@
+
+
+
+
+
+
+
diff --git a/src/views/charts/components/MixChart.vue b/src/views/charts/components/MixChart.vue
new file mode 100644
index 0000000..08b4039
--- /dev/null
+++ b/src/views/charts/components/MixChart.vue
@@ -0,0 +1,232 @@
+
+
+
+
+
diff --git a/src/views/charts/components/mixins/resize.js b/src/views/charts/components/mixins/resize.js
new file mode 100644
index 0000000..7d3eb97
--- /dev/null
+++ b/src/views/charts/components/mixins/resize.js
@@ -0,0 +1,56 @@
+import { debounce } from '@/utils'
+
+export default {
+ data() {
+ return {
+ $_sidebarElm: null,
+ $_resizeHandler: null
+ }
+ },
+ mounted() {
+ this.initListener()
+ },
+ activated() {
+ if (!this.$_resizeHandler) {
+ // avoid duplication init
+ this.initListener()
+ }
+
+ // when keep-alive chart activated, auto resize
+ this.resize()
+ },
+ beforeDestroy() {
+ this.destroyListener()
+ },
+ deactivated() {
+ this.destroyListener()
+ },
+ methods: {
+ // use $_ for mixins properties
+ // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
+ $_sidebarResizeHandler(e) {
+ if (e.propertyName === 'width') {
+ this.$_resizeHandler()
+ }
+ },
+ initListener() {
+ this.$_resizeHandler = debounce(() => {
+ this.resize()
+ }, 100)
+ window.addEventListener('resize', this.$_resizeHandler)
+
+ this.$_sidebarElm = document.querySelectorAll('.sidebar-container')[0]
+ this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
+ },
+ destroyListener() {
+ window.removeEventListener('resize', this.$_resizeHandler)
+ this.$_resizeHandler = null
+
+ this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
+ },
+ resize() {
+ const { chart } = this
+ chart && chart.resize()
+ }
+ }
+}
diff --git a/src/views/charts/echarts-demo.vue b/src/views/charts/echarts-demo.vue
new file mode 100644
index 0000000..79d05b8
--- /dev/null
+++ b/src/views/charts/echarts-demo.vue
@@ -0,0 +1,356 @@
+
+ the recommend using way of worker
+ 计算结果：{{ showPageRef }}
+
+
+
+
+
+
diff --git a/src/views/charts/keyboard.vue b/src/views/charts/keyboard.vue
new file mode 100644
index 0000000..82f752f
--- /dev/null
+++ b/src/views/charts/keyboard.vue
@@ -0,0 +1,17 @@
+
+ 折线图
+
+
+
+
+ 柱状图
+
+
+
+
+
+ 饼图
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/charts/line.vue b/src/views/charts/line.vue
new file mode 100644
index 0000000..f4e4dc4
--- /dev/null
+++ b/src/views/charts/line.vue
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/charts/mix-chart.vue b/src/views/charts/mix-chart.vue
new file mode 100644
index 0000000..f4c8e64
--- /dev/null
+++ b/src/views/charts/mix-chart.vue
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
new file mode 100644
index 0000000..af50a2d
--- /dev/null
+++ b/src/views/dashboard/index.vue
@@ -0,0 +1,51 @@
+
+
+ base-theme(default)
+ lighting-theme
+ china-red(default)
+ dark-theme
+
+ large
+ default
+ small
+
+ en
+ zh
+
+
+ count is: {{ count }}
+ count is: {{ count }}
+ count is: {{ count }}
+ count is: {{ count }}
+ count is: {{ count }}
+
+
+
+
diff --git a/src/views/directive/clickoutside.vue b/src/views/directive/clickoutside.vue
new file mode 100644
index 0000000..476b635
--- /dev/null
+++ b/src/views/directive/clickoutside.vue
@@ -0,0 +1,35 @@
+
+ switch theme
+ switch size
+ switch language
+ Button Group
+ unocss using
+
+
+
+
+ you can look
+ https://uno.antfu.me/
+ to search you need such as "margin-left:10px" and then get the sortcut(ml-10px)
+
+ global var
+ {{ showObj }}
+
+
+
+
+
+
+
diff --git a/src/views/directive/copy.vue b/src/views/directive/copy.vue
new file mode 100644
index 0000000..ad1460b
--- /dev/null
+++ b/src/views/directive/copy.vue
@@ -0,0 +1,19 @@
+
+
+ 点击状态：{{ sideStr }}
+
+
+ InSide
+
+
+ 复制到剪切板
+
+
+
+
+
+
diff --git a/src/views/directive/debounce.vue b/src/views/directive/debounce.vue
new file mode 100644
index 0000000..f33d809
--- /dev/null
+++ b/src/views/directive/debounce.vue
@@ -0,0 +1,24 @@
+
+
+ 防抖按钮
+
+
+
+
+
+
diff --git a/src/views/directive/longpress.vue b/src/views/directive/longpress.vue
new file mode 100644
index 0000000..a43d52f
--- /dev/null
+++ b/src/views/directive/longpress.vue
@@ -0,0 +1,15 @@
+
+
+ 长按指令
+
+
+
+
+
+
diff --git a/src/views/directive/watermark.vue b/src/views/directive/watermark.vue
new file mode 100644
index 0000000..95d2e4b
--- /dev/null
+++ b/src/views/directive/watermark.vue
@@ -0,0 +1,12 @@
+
+ {{ data }}
+我是一个水印页面
+
+
+
+
+
diff --git a/src/views/directive/waves.vue b/src/views/directive/waves.vue
new file mode 100644
index 0000000..0d52b02
--- /dev/null
+++ b/src/views/directive/waves.vue
@@ -0,0 +1,17 @@
+
+
+ 水波纹效果指令
+
+
+
+
+
+
+
diff --git a/src/views/error-log/error-generator.vue b/src/views/error-log/error-generator.vue
new file mode 100644
index 0000000..a9a7f07
--- /dev/null
+++ b/src/views/error-log/error-generator.vue
@@ -0,0 +1,79 @@
+
+
+ unhandledrejection
+
+ console.error
+
+ normalError
+
+
+ reqCrossOrigin
+ req404
+
+ imageLoadError
+
+ 
+
+
+
+
+
+
diff --git a/src/views/error-log/index.vue b/src/views/error-log/index.vue
new file mode 100644
index 0000000..95b783a
--- /dev/null
+++ b/src/views/error-log/index.vue
@@ -0,0 +1,148 @@
+
+ throw unhandledrejection
+ throw console.error
+ throw normalError
+ throw req cross origin
+ throw req 404 error
+ throw image load error
+
+
+
+
+
+
+
+
+
+
+
+ search
+ reset
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/error-page/401.vue b/src/views/error-page/401.vue
new file mode 100644
index 0000000..3ca5835
--- /dev/null
+++ b/src/views/error-page/401.vue
@@ -0,0 +1,93 @@
+
+
+
+
+
+
+
diff --git a/src/views/error-page/404.vue b/src/views/error-page/404.vue
new file mode 100644
index 0000000..0a3f517
--- /dev/null
+++ b/src/views/error-page/404.vue
@@ -0,0 +1,225 @@
+
+
+
+
+
+
+ multiDel
+
+
+
+ {{ row.errorLog }}}
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/excel/excel.js b/src/views/excel/excel.js
new file mode 100644
index 0000000..ca0c83d
--- /dev/null
+++ b/src/views/excel/excel.js
@@ -0,0 +1,57 @@
+import * as xlsx from 'xlsx'
+const { utils, writeFile, read } = xlsx
+const DEF_FILE_NAME = 'new-excel.xlsx'
+
+function getHeaderRow(sheet) {
+ const headers = []
+ const range = utils.decode_range(sheet['!ref'])
+ let C
+ const R = range.s.r
+ /* start in the first row */
+ for (C = range.s.c; C <= range.e.c; ++C) {
+ /* walk every column in the range */
+ const cell = sheet[utils.encode_cell({ c: C, r: R })]
+ /* find the cell in the first row */
+ let hdr = `UNKNOWN ${C}` // <-- replace with your desired default
+ if (cell && cell.t) hdr = utils.format_cell(cell)
+ headers.push(hdr)
+ }
+ return headers
+}
+export function importsExcel(file) {
+ return new Promise((resolve, reject) => {
+ const reader = new FileReader()
+
+ reader.onload = (e) => {
+ const data = new Uint8Array(e.target.result)
+ const workbook = read(data, { type: 'array' })
+ // console.log("workbook: ", workbook);
+
+ //将Excel 第一个sheet内容转为json格式
+ const worksheet = workbook.Sheets[workbook.SheetNames[0]]
+ const json = utils.sheet_to_json(worksheet)
+ // console.log("jsonExcel:", jsonExcel);
+ const headers = getHeaderRow(worksheet)
+ resolve({ tableData: json, headers })
+ }
+
+ reader.readAsArrayBuffer(file.raw)
+ })
+}
+export function aoaToSheetXlsx({ data, header, filename = DEF_FILE_NAME, write2excelOpts = { bookType: 'xlsx' } }) {
+ const arrData = [...data]
+ if (header) {
+ arrData.unshift(header)
+ }
+ const worksheet = utils.aoa_to_sheet(arrData)
+ /* add worksheet to workbook */
+ const workbook = {
+ SheetNames: [filename],
+ Sheets: {
+ [filename]: worksheet
+ }
+ }
+ /* output format determined by filename */
+ writeFile(workbook, filename, write2excelOpts)
+ /* at this point, out.xlsb will have been downloaded */
+}
diff --git a/src/views/excel/exportExcel.vue b/src/views/excel/exportExcel.vue
new file mode 100644
index 0000000..5c52fdb
--- /dev/null
+++ b/src/views/excel/exportExcel.vue
@@ -0,0 +1,99 @@
+
+
+
+
+ 
+ 
+
+
+
+
+
+
+
+
+
+ OOPS!
+
+ All rights reserved
+ wallstreetcn
+
+ {{ message }}
+
+ Please check that the URL you entered is correct, or click the button below to return to the homepage.
+
+ Back to home
+
+
+
+
+ {{ scope.$index }}
+
+
+
+
+ {{ scope.row.order_no }}
+
+
+
+
+
+ {{ scope.row.price }}
+
+
+
+
+ {{ scope.row.username }}
+
+
+
+
+
+
+
+
+
diff --git a/src/views/excel/importExcel.vue b/src/views/excel/importExcel.vue
new file mode 100644
index 0000000..408f8ae
--- /dev/null
+++ b/src/views/excel/importExcel.vue
@@ -0,0 +1,54 @@
+
+
+
+
+
+ 导出
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/guide/index.vue b/src/views/guide/index.vue
new file mode 100644
index 0000000..6dacf2f
--- /dev/null
+++ b/src/views/guide/index.vue
@@ -0,0 +1,33 @@
+
+
+
+
+ {{ t('guide.button') }}
+
+
+
+
+
diff --git a/src/views/guide/steps.ts b/src/views/guide/steps.ts
new file mode 100644
index 0000000..c285e91
--- /dev/null
+++ b/src/views/guide/steps.ts
@@ -0,0 +1,45 @@
+const steps = [
+ {
+ element: '#hamburger-container',
+ popover: {
+ title: 'Hamburger',
+ description: 'Open && Close sidebar',
+ position: 'bottom'
+ }
+ },
+ {
+ element: '#breadcrumb-container',
+ popover: {
+ title: 'Breadcrumb',
+ description: 'Indicate the current page location',
+ position: 'bottom'
+ }
+ },
+ {
+ element: '#screenfull',
+ popover: {
+ title: 'Screenfull',
+ description: 'Set the page into fullscreen',
+ position: 'left'
+ }
+ },
+ {
+ element: '#size-select',
+ popover: {
+ title: 'Switch Size',
+ description: 'Switch the system size',
+ position: 'left'
+ }
+ },
+ {
+ element: '#tags-view-container',
+ popover: {
+ title: 'Tags view',
+ description: 'The history of the page you visited',
+ position: 'bottom'
+ },
+ padding: 0
+ }
+]
+
+export default steps
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
new file mode 100644
index 0000000..93683fa
--- /dev/null
+++ b/src/views/login/index.vue
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
diff --git a/src/views/login/login-basic.vue b/src/views/login/login-basic.vue
new file mode 100644
index 0000000..898d77a
--- /dev/null
+++ b/src/views/login/login-basic.vue
@@ -0,0 +1,253 @@
+
+
+ 
+
+
+
+ 
+ 
+
+
+
+
+
+
+
+
+
+ 登录
+
+
+
+
+
+
+
+ {{ settings.title }}
+
+
+
+
+
+
+
+
+
+
+ 登录
+
+
+
+
+
+
+
+
+
diff --git a/src/views/login/login-lighting.vue b/src/views/login/login-lighting.vue
new file mode 100644
index 0000000..adfadd0
--- /dev/null
+++ b/src/views/login/login-lighting.vue
@@ -0,0 +1,252 @@
+
+
+ 
+
+
+
+
+ {{ settings.title }}
+
+
+
+
+
+
+
+
+
+
+ 登录
+
+
+
+
+
+
+
+
+
diff --git a/src/views/nested/menu1/index.vue b/src/views/nested/menu1/index.vue
new file mode 100644
index 0000000..a05f6e3
--- /dev/null
+++ b/src/views/nested/menu1/index.vue
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+ {{ settings.title }}
+
+
+
+
+
+
+
diff --git a/src/views/nested/menu1/menu1-1/index.vue b/src/views/nested/menu1/menu1-1/index.vue
new file mode 100644
index 0000000..ca8ef65
--- /dev/null
+++ b/src/views/nested/menu1/menu1-1/index.vue
@@ -0,0 +1,11 @@
+
+
+
+
+
+
diff --git a/src/views/nested/menu1/menu1-2/index.vue b/src/views/nested/menu1/menu1-2/index.vue
new file mode 100644
index 0000000..1d0476c
--- /dev/null
+++ b/src/views/nested/menu1/menu1-2/index.vue
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue b/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue
new file mode 100644
index 0000000..fc1f837
--- /dev/null
+++ b/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue
@@ -0,0 +1,5 @@
+
+
+
+
diff --git a/src/views/nested/menu1/menu1-3/index.vue b/src/views/nested/menu1/menu1-3/index.vue
new file mode 100644
index 0000000..1364e04
--- /dev/null
+++ b/src/views/nested/menu1/menu1-3/index.vue
@@ -0,0 +1,5 @@
+
+
+
+
diff --git a/src/views/nested/menu2/index.vue b/src/views/nested/menu2/index.vue
new file mode 100644
index 0000000..44c557f
--- /dev/null
+++ b/src/views/nested/menu2/index.vue
@@ -0,0 +1,6 @@
+
+
+
+
+
diff --git a/src/views/other/count-to.vue b/src/views/other/count-to.vue
new file mode 100644
index 0000000..9a8a61b
--- /dev/null
+++ b/src/views/other/count-to.vue
@@ -0,0 +1,24 @@
+
+
+
+ {{ value.toFixed(2) }}
+
+ 开始
+
+
+
diff --git a/src/views/other/d3/component/NodeDetail.vue b/src/views/other/d3/component/NodeDetail.vue
new file mode 100644
index 0000000..cba58ee
--- /dev/null
+++ b/src/views/other/d3/component/NodeDetail.vue
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/other/d3/useD3.js b/src/views/other/d3/useD3.js
new file mode 100644
index 0000000..b97cb7c
--- /dev/null
+++ b/src/views/other/d3/useD3.js
@@ -0,0 +1,183 @@
+import * as d3 from 'd3'
+
+export default function() {
+ const linkArc = (d) => {
+ const r = Math.hypot(d.target.x - d.source.x, d.target.y - d.source.y)
+ return `
+ M${d.source.x},${d.source.y}
+ A${r},${r} 1 0,1 ${d.target.x},${d.target.y}
+ `
+ }
+
+ // 节点拖拽方法
+ const drag = (simulation) => {
+ function dragstarted(event, d) {
+ if (!event.active) simulation.alphaTarget(0.3).restart()
+ d.fx = d.x
+ d.fy = d.y
+ }
+
+ function dragged(event, d) {
+ d.fx = event.x
+ d.fy = event.y
+ }
+
+ function dragended(event, d) {
+ if (!event.active) simulation.alphaTarget(0)
+ d.fx = null
+ d.fy = null
+ }
+
+ return d3.drag().on('start', dragstarted).on('drag', dragged).on('end', dragended)
+ }
+
+ const chart = (el, opt = {}) => {
+
+ const { links, nodes } = opt.data
+ const types = Array.from(new Set(links.map((d) => d.type)))
+ // let data = { nodes: Array.from(new Set(links.flatMap((l) => [l.source, l.target])), (id) => ({ id })), links }
+ const color = d3.scaleOrdinal(types, d3.schemeCategory10) // 根据类型生成内置颜色
+ const height = opt.height || 600 // svg宽
+ const width = opt.width || 600 // svg高
+ // const nodeColor = 'rgb(19,19,19)' // 节点颜色
+ const lineColor = 'rgb(148,148,148)' // 边线颜色
+ const hoverColor = 'rgb(110,165,255)' // hover颜色
+ const showTextLength = 5 // 超出5个字后截取
+
+
+ // 生成力向图配置
+ const simulation = d3
+ .forceSimulation()
+ .nodes(nodes)
+ .force('link', d3.forceLink(links).id((d) => d.id).distance(50))
+ .force('charge', d3.forceManyBody().strength(-400))
+ .force("center",d3.forceCenter(width/2, height/2))
+ .force('x', d3.forceX())
+ .force('y', d3.forceY())
+
+
+ // 在盒子里添加svg
+ const svg = d3.select(el).append('svg')
+
+ // svg样式
+ svg.attr('width', width)
+ .attr('height', height)
+ // .attr('viewBox', [-width/2, -height/2, width, height])
+ .style('font', '12px sans-serif')
+
+ const group = svg.append('g')
+
+ // svg追加箭头
+ const marker = group
+ .append('g')
+ .selectAll('marker')
+ .data(types)
+ .join('marker')
+ .attr('id', (d) => `arrow-${d}`)
+ .attr('viewBox', '0 -5 10 10')
+ .attr('refX', 21)
+ .attr('refY',-1.5)
+ .attr('markerWidth', 8)
+ .attr('markerHeight', 8)
+ .attr('orient', 'auto')
+ .append('path')
+ // .attr('fill', color)
+ .attr('fill', lineColor)
+ .attr('d', 'M0,-5L10,0L0,5')
+
+ // svg追加边线
+ const link = group
+ .append('g')
+ .attr('fill', 'none')
+ .attr('stroke-width', 1)
+ .selectAll('path')
+ .data(links)
+ .join('path')
+ // .attr('stroke', (d) => color(d.type))
+ .attr('stroke', lineColor)
+ .attr('marker-end', (d) => `url(${new URL(`#arrow-${d.type}`, location)})`)
+ .on('click', (e) => {
+ // var rect = d3.select(this)
+ // console.log(22, e)
+ })
+
+ // svg.append("g")
+ // .selectAll("text")
+ // // .selectAll("text")
+ // .data(links)
+ // .enter()
+ // .append("text")
+ // .attr('x', (d) => (d.source.x+d.target.x)/2)
+ // .attr('y', (d) => (d.source.y+d.target.y)/2)
+ // .text((d) => '22222')
+
+ // svg追加节点
+ const node = group
+ .append('g')
+ // .attr('fill', 'black')
+ .attr('stroke-linecap', 'round')
+ .attr('stroke-linejoin', 'round')
+ .selectAll('g')
+ .data(nodes)
+ .join('g')
+ .attr('fill', (d,i) => {
+ return nodes[i].color || 'black'
+ })
+ .call(drag(simulation))
+ .on('click', opt.nodeClick)
+ .on('mouseover', opt.nodeMouseOver)
+ .on('mouseout', opt.nodMouseOut)
+
+ // 节点追加圆形
+ node
+ .append('circle')
+ .attr('stroke', 'white')
+ .attr('stroke-width', 0.5)
+ .attr('r', 10)
+ .on('mouseover', function(){
+ d3.select(this).style('fill',hoverColor)
+ })
+ .on('mouseout', function(){
+ d3.select(this).style('fill',(d,i) => {
+ return d.color || 'black'
+ })
+ })
+
+ // 节点追加圆形旁边文字
+ node
+ .append('text')
+ .attr('x', 14)
+ .attr('y', '0.31em')
+ .text((d) => d.id.slice(0,Math.max(0, showTextLength)))
+ .clone(true)
+ .lower()
+ .attr('fill', 'none')
+ .attr('stroke', 'white')
+ .attr('stroke-width', 3)
+
+
+ function zoomed(e) {
+ group.attr('transform', e.transform)
+ }
+
+ // 缩放平移配置
+ const zoom = d3.zoom()
+ .scaleExtent([0.1, 40])
+ .on('zoom', zoomed)
+
+ svg.call(zoom)
+
+ simulation.on('tick', () => {
+ link.attr('d', linkArc)
+ node.attr('transform', (d) => `translate(${d.x},${d.y})`)
+ })
+
+
+ // invalidation.then(() => simulation.stop())
+ // return svg.node()
+ return { simulation, svg }
+ }
+ return {
+ chart
+ }
+}
diff --git a/src/views/other/d3/useDatas.js b/src/views/other/d3/useDatas.js
new file mode 100644
index 0000000..3a52e0b
--- /dev/null
+++ b/src/views/other/d3/useDatas.js
@@ -0,0 +1,109 @@
+import { reactive, ref, watch } from 'vue'
+
+export default function useUserRepositories(state) {
+ const gkNode = reactive([{
+ title: '工况ID',
+ field: 'id'
+ }, {
+ title: '车辆编号',
+ field: 'bh'
+ }, {
+ title: '数据时间',
+ field: 'sj'
+ }, {
+ title: '臂架电流',
+ field: 'dl'
+ }, {
+ title: '图片',
+ field: 'img'
+ }, {
+ title: '视频',
+ field: 'video'
+ },{
+ title: '节点颜色',
+ field: 'ys'
+ }])
+
+ const gzNode = reactive([{
+ title: '故障Id',
+ field: 'id'
+ }, {
+ title: '问题类别',
+ field: 'lb'
+ }, {
+ title: '故障现象',
+ field: 'xx'
+ }, {
+ title: '故障处理方法',
+ field: 'ff'
+ }, {
+ title: '失效形式',
+ field: 'xs'
+ }, {
+ title: 'Url',
+ field: 'url'
+ }, {
+ title: '颜色',
+ field: 'ys'
+ }])
+
+ const BOMNode = reactive([{
+ title: 'BOM ID',
+ field: 'id'
+ }, {
+ title: '级别',
+ field: 'lb'
+ }, {
+ title: '编码',
+ field: 'xx'
+ }, {
+ title: '部件名称',
+ field: 'ff'
+ }, {
+ title: 'url地址',
+ field: 'xs'
+ }, {
+ title: '节点颜色',
+ field: 'url'
+ }])
+
+ const DLNode = reactive([{
+ title: '电流评价ID',
+ field: 'id'
+ }, {
+ title: '电流评价',
+ field: 'lb'
+ }, {
+ title: '节点颜色',
+ field: 'ys'
+ }])
+
+ const CLNode = reactive([{
+ title: '车辆编码',
+ field: 'id'
+ }, {
+ title: '车辆名称',
+ field: 'mc'
+ }, {
+ title: '节点颜色',
+ field: 'ys'
+ }])
+
+ const node = {
+ gkNode,
+ gzNode,
+ BOMNode,
+ DLNode,
+ CLNode
+ }
+
+
+ const nodeType = ref([])
+ watch(() => state.types, (newValue) => {
+ nodeType.value = node[newValue]
+ }, {immediate: true})
+
+ return {
+ nodeType
+ }
+}
diff --git a/src/views/other/drag-pane.vue b/src/views/other/drag-pane.vue
new file mode 100644
index 0000000..265d7a0
--- /dev/null
+++ b/src/views/other/drag-pane.vue
@@ -0,0 +1,41 @@
+
+
+ 关系图谱
+ 刷新
+
+
+
+
+
+
+
+
+
+
+ 名称：{{ state.tip.content.id }}
+ 类型：{{ state.tip.content.type || '无' }}
+
+ 1
+ 2
+ 3
+ 4
+ 5
+
+
+
+
+
+
diff --git a/src/views/other/signboard/index.vue b/src/views/other/signboard/index.vue
new file mode 100644
index 0000000..68a91b4
--- /dev/null
+++ b/src/views/other/signboard/index.vue
@@ -0,0 +1,58 @@
+
+
+ {{ headerText }}
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
+
+
diff --git a/src/views/rbac-test/TestAddEdit.vue b/src/views/rbac-test/TestAddEdit.vue
new file mode 100644
index 0000000..6901919
--- /dev/null
+++ b/src/views/rbac-test/TestAddEdit.vue
@@ -0,0 +1,5 @@
+
+ TestAddEdit.vue
+
+
+
diff --git a/src/views/rbac-test/TestButton.vue b/src/views/rbac-test/TestButton.vue
new file mode 100644
index 0000000..cc86c33
--- /dev/null
+++ b/src/views/rbac-test/TestButton.vue
@@ -0,0 +1,14 @@
+
+
+ button code test TestTableList.vue
+
+
+
+
diff --git a/src/views/rbac-test/TestDetail.vue b/src/views/rbac-test/TestDetail.vue
new file mode 100644
index 0000000..6901919
--- /dev/null
+++ b/src/views/rbac-test/TestDetail.vue
@@ -0,0 +1,5 @@
+
+
+ 按钮1
+
+
+
+ 按钮2
+
+ TestAddEdit.vue
+
+
+
diff --git a/src/views/rbac-test/TestMenu.vue b/src/views/rbac-test/TestMenu.vue
new file mode 100644
index 0000000..fefd172
--- /dev/null
+++ b/src/views/rbac-test/TestMenu.vue
@@ -0,0 +1,22 @@
+
+
+ page test TestTableQuery.vue
+
+
+
+
+
+
diff --git a/src/views/redirect/index.tsx b/src/views/redirect/index.tsx
new file mode 100644
index 0000000..08e5b88
--- /dev/null
+++ b/src/views/redirect/index.tsx
@@ -0,0 +1,13 @@
+import { defineComponent } from 'vue'
+export default defineComponent({
+ setup() {
+ const route = useRoute()
+ const router = useRouter()
+ onBeforeMount(() => {
+ const { params, query } = route
+ const { path } = params
+ router.replace({ path: `/${path}`, query })
+ })
+ return () =>
+ toTestDetail.vue
+ TestAddEdit.vue
+
+
+
+ 去配置
+
+
+
+
+
+
+
+
diff --git a/src/views/rich-text/TinymceExample.vue b/src/views/rich-text/TinymceExample.vue
new file mode 100644
index 0000000..707aa3e
--- /dev/null
+++ b/src/views/rich-text/TinymceExample.vue
@@ -0,0 +1,7 @@
+
+
+ 设置文本消息
+ 获取文本消息
+ 清空内容
+
+ TinymceExample.vue
+
+
+
+
+
diff --git a/src/views/rich-text/tinymce/index.vue b/src/views/rich-text/tinymce/index.vue
new file mode 100644
index 0000000..0ec18ff
--- /dev/null
+++ b/src/views/rich-text/tinymce/index.vue
@@ -0,0 +1,119 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/roles-codes/button-permission.vue b/src/views/roles-codes/button-permission.vue
new file mode 100644
index 0000000..5d1f95d
--- /dev/null
+++ b/src/views/roles-codes/button-permission.vue
@@ -0,0 +1,7 @@
+
+
+ showing when then role of admin
+ editor
+ editor and admin
+
+
diff --git a/src/views/roles-codes/code-index.vue b/src/views/roles-codes/code-index.vue
new file mode 100644
index 0000000..70d8d5d
--- /dev/null
+++ b/src/views/roles-codes/code-index.vue
@@ -0,0 +1,4 @@
+
+ CodePage.vue
+
+
diff --git a/src/views/roles-codes/index.vue b/src/views/roles-codes/index.vue
new file mode 100644
index 0000000..8aa90c8
--- /dev/null
+++ b/src/views/roles-codes/index.vue
@@ -0,0 +1,29 @@
+
+
+ roles切换为editor
+ roles切换为admin
+
+ Codes切换为[1]
+ C odes切换为[16]
+
+
+
+
+
+
diff --git a/src/views/roles-codes/role-index.vue b/src/views/roles-codes/role-index.vue
new file mode 100644
index 0000000..8554d60
--- /dev/null
+++ b/src/views/roles-codes/role-index.vue
@@ -0,0 +1,3 @@
+notice: setting the permissionMode of settings file before you test
+
+ roles 页面权限控制
+ {{ roles }}
+ codes 页面权限控制
+ {{ codes }}
+ showing when then role of admin
+
+
diff --git a/src/views/setting-switch/SettingSwitch.vue b/src/views/setting-switch/SettingSwitch.vue
new file mode 100644
index 0000000..18c7ee4
--- /dev/null
+++ b/src/views/setting-switch/SettingSwitch.vue
@@ -0,0 +1,50 @@
+
+
+
+
+
+
diff --git a/src/views/setting-switch/index.vue b/src/views/setting-switch/index.vue
new file mode 100644
index 0000000..18c7ee4
--- /dev/null
+++ b/src/views/setting-switch/index.vue
@@ -0,0 +1,50 @@
+
+ props operate demo of settings.js
+
+
+
+
+ page layout related
+
+ sidebarLogo：
+
+
+ showNavbarTitle：
+
+
+ ShowDropDown：
+
+
+ showHamburger：
+
+
+ showLeftMenu：
+
+
+ showTagsView：
+
+
+ showTopNavbar：
+
+
+
+ page animation related
+ mainNeedAnimation：places to "settings file" for setting
+
+ isNeedNprogress：
+
+
+
+
+
+
diff --git a/src/views/table/dynamic-table.vue b/src/views/table/dynamic-table.vue
new file mode 100644
index 0000000..93fc6f6
--- /dev/null
+++ b/src/views/table/dynamic-table.vue
@@ -0,0 +1,90 @@
+
+ props operate demo of settings.js
+
+
+
+
+ page layout related
+
+ sidebarLogo：
+
+
+ showNavbarTitle：
+
+
+ ShowDropDown：
+
+
+ showHamburger：
+
+
+ showLeftMenu：
+
+
+ showTagsView：
+
+
+ showTopNavbar：
+
+
+
+ page animation related
+ mainNeedAnimation：places to "settings file" for setting
+
+ isNeedNprogress：
+
+
+
+ {{ item.title }}
+
+
+
+
+
+ {{ scope.row[item.prop] }}
+
+
+
+
+
+
+
+
diff --git a/src/views/table/vxe-table.vue b/src/views/table/vxe-table.vue
new file mode 100644
index 0000000..7bde329
--- /dev/null
+++ b/src/views/table/vxe-table.vue
@@ -0,0 +1,368 @@
+
+