()
+ const imgCode = ref('')
+
+ function setImgCode(code: string) {
+ imgCode.value = code
+ }
+
+ function getImgCode() {
+ if (!domRef.value) return
+ imgCode.value = draw(domRef.value, width, height)
+ }
+
+ onMounted(() => {
+ getImgCode()
+ })
+
+ return {
+ domRef,
+ imgCode,
+ setImgCode,
+ getImgCode
+ }
+}
+
+function randomNum(min: number, max: number) {
+ const num = Math.floor(Math.random() * (max - min) + min)
+ return num
+}
+
+function randomColor(min: number, max: number) {
+ const r = randomNum(min, max)
+ const g = randomNum(min, max)
+ const b = randomNum(min, max)
+ return `rgb(${r},${g},${b})`
+}
+
+function draw(dom: HTMLCanvasElement, width: number, height: number) {
+ let imgCode = ''
+
+ const NUMBER_STRING = '0123456789'
+
+ const ctx = dom.getContext('2d')
+ if (!ctx) return imgCode
+
+ ctx.fillStyle = randomColor(180, 230)
+ ctx.fillRect(0, 0, width, height)
+ for (let i = 0; i < 4; i += 1) {
+ const text = NUMBER_STRING[randomNum(0, NUMBER_STRING.length)]
+ imgCode += text
+ const fontSize = randomNum(18, 41)
+ const deg = randomNum(-30, 30)
+ ctx.font = `${fontSize}px Simhei`
+ ctx.textBaseline = 'top'
+ ctx.fillStyle = randomColor(80, 150)
+ ctx.save()
+ ctx.translate(30 * i + 15, 15)
+ ctx.rotate((deg * Math.PI) / 180)
+ ctx.fillText(text, -15 + 5, -15)
+ ctx.restore()
+ }
+ for (let i = 0; i < 5; i += 1) {
+ ctx.beginPath()
+ ctx.moveTo(randomNum(0, width), randomNum(0, height))
+ ctx.lineTo(randomNum(0, width), randomNum(0, height))
+ ctx.strokeStyle = randomColor(180, 230)
+ ctx.closePath()
+ ctx.stroke()
+ }
+ for (let i = 0; i < 41; i += 1) {
+ ctx.beginPath()
+ ctx.arc(randomNum(0, width), randomNum(0, height), 1, 0, 2 * Math.PI)
+ ctx.closePath()
+ ctx.fillStyle = randomColor(150, 200)
+ ctx.fill()
+ }
+ return imgCode
+}
diff --git a/client/src/components/ReImageVerify/src/index.vue b/client/src/components/ReImageVerify/src/index.vue
new file mode 100644
index 0000000..7d6dd6c
--- /dev/null
+++ b/client/src/components/ReImageVerify/src/index.vue
@@ -0,0 +1,42 @@
+
+
+
+
+
diff --git a/client/src/components/SearchForm/components/SearchFormItem.vue b/client/src/components/SearchForm/components/SearchFormItem.vue
new file mode 100644
index 0000000..cc3808f
--- /dev/null
+++ b/client/src/components/SearchForm/components/SearchFormItem.vue
@@ -0,0 +1,107 @@
+
+
+
+ {{ data[fieldNames.label] }}
+
+
+
+
+
+
+
+
+
diff --git a/client/src/components/SearchForm/index.vue b/client/src/components/SearchForm/index.vue
new file mode 100644
index 0000000..37f50f6
--- /dev/null
+++ b/client/src/components/SearchForm/index.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 搜索
+
+ 重置
+
+ {{ collapsed ? '展开' : '合并' }}
+
+
+
+
+
+
+
+ ![Preview Image]()
+
+
+
+
diff --git a/client/src/components/wen-test/DynamicAdditionComponent.vue b/client/src/components/wen-test/DynamicAdditionComponent.vue
new file mode 100644
index 0000000..f1421d6
--- /dev/null
+++ b/client/src/components/wen-test/DynamicAdditionComponent.vue
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/client/src/hooks/interface/index.ts b/client/src/hooks/interface/index.ts
new file mode 100644
index 0000000..e26a422
--- /dev/null
+++ b/client/src/hooks/interface/index.ts
@@ -0,0 +1,27 @@
+export namespace Table {
+ export interface Pageable {
+ pageNum: number
+ pageSize: number
+ total: number
+ }
+ export interface TableStateProps {
+ tableData: any[]
+ pageable: Pageable
+ searchParam: {
+ [key: string]: any
+ }
+ searchInitParam: {
+ [key: string]: any
+ }
+ totalParam: {
+ [key: string]: any
+ }
+ icon?: {
+ [key: string]: any
+ }
+ }
+}
+
+export namespace HandleData {
+ export type MessageType = '' | 'success' | 'warning' | 'info' | 'error'
+}
diff --git a/client/src/hooks/useHandleData.ts b/client/src/hooks/useHandleData.ts
new file mode 100644
index 0000000..5984785
--- /dev/null
+++ b/client/src/hooks/useHandleData.ts
@@ -0,0 +1,34 @@
+import { ElMessageBox, ElMessage } from 'element-plus'
+import { HandleData } from './interface'
+
+/**
+ * @description 操作单条数据信息(二次确认【删除、禁用、启用、重置密码】)
+ * @param {Function} api 操作数据接口的api方法(必传)
+ * @param {Object} params 携带的操作数据参数 {id,params}(必传)
+ * @param {String} message 提示信息(必传)
+ * @param {String} confirmType icon类型(不必传,默认为 warning)
+ * @return Promise
+ */
+export const useHandleData = (
+ api: (params: P) => Promise,
+ params: Parameters[0],
+ message: string,
+ confirmType: HandleData.MessageType = 'warning'
+) => {
+ return new Promise((resolve, reject) => {
+ ElMessageBox.confirm(`是否${message}?`, '温馨提示', {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: confirmType,
+ draggable: true
+ }).then(async () => {
+ const res = await api(params)
+ if (!res) return reject(false)
+ ElMessage({
+ type: 'success',
+ message: `${message}成功!`
+ })
+ resolve(true)
+ })
+ })
+}
diff --git a/client/src/hooks/useIcons.ts b/client/src/hooks/useIcons.ts
new file mode 100644
index 0000000..3c8fb3b
--- /dev/null
+++ b/client/src/hooks/useIcons.ts
@@ -0,0 +1,14 @@
+import SvgIcon from '@/components/SvgIcon/index.vue'
+import { h, defineComponent } from 'vue'
+
+export function useRenderIcon(iconName: string, attrs?: any) {
+ return defineComponent({
+ name: 'SvgIcon',
+ render() {
+ return h(SvgIcon, {
+ icon: iconName,
+ ...attrs
+ })
+ }
+ })
+}
diff --git a/client/src/hooks/useSelection.ts b/client/src/hooks/useSelection.ts
new file mode 100644
index 0000000..3c4a8ad
--- /dev/null
+++ b/client/src/hooks/useSelection.ts
@@ -0,0 +1,36 @@
+import { ref, computed } from 'vue'
+
+/**
+ * @description 表格多选数据操作
+ * @param {String} rowKey 当表格可以多选时，所指定的 id
+ * */
+export const useSelection = (rowKey = 'id') => {
+ // 是否选中数据
+ const isSelected = ref(false)
+ // 选中的数据列表
+ const selectedList = ref([])
+
+ // 当前选中的所有ids(数组)，可根据项目自行配置id字段
+ const selectedListIds = computed((): string[] => {
+ const ids: string[] = []
+ selectedList.value.forEach(item => ids.push(item[rowKey]))
+ return ids
+ })
+
+ /**
+ * @description 多选操作
+ * @param {Array} rowArr 当前选择的所有数据
+ * @return void
+ */
+ const selectionChange = (rowArr: any) => {
+ rowArr.length === 0 ? (isSelected.value = false) : (isSelected.value = true)
+ selectedList.value = rowArr
+ }
+
+ return {
+ isSelected,
+ selectedList,
+ selectedListIds,
+ selectionChange
+ }
+}
diff --git a/client/src/hooks/useTabList.ts b/client/src/hooks/useTabList.ts
new file mode 100644
index 0000000..f9a7847
--- /dev/null
+++ b/client/src/hooks/useTabList.ts
@@ -0,0 +1,98 @@
+// import { ref } from 'vue'
+// import { useRoute, onBeforeRouteUpdate } from 'vue-router'
+// import { useCookies } from '@vueuse/integrations/useCookies'
+// import { router } from '~/router'
+
+// export function useTabList() {
+// const route = useRoute()
+// const cookie = useCookies()
+
+// const activeTab = ref(route.path)
+// const tabList = ref([
+// {
+// title: '后台首页',
+// path: '/'
+// }
+// ])
+
+// // 添加标签导航
+// function addTab(tab) {
+// let noTab = tabList.value.findIndex((t) => t.path == tab.path) == -1
+// if (noTab) {
+// tabList.value.push(tab)
+// }
+
+// cookie.set('tabList', tabList.value)
+// }
+
+// // 初始化标签导航列表
+// function initTabList() {
+// let tbs = cookie.get('tabList')
+// if (tbs) {
+// tabList.value = tbs
+// }
+// }
+
+// initTabList()
+
+// onBeforeRouteUpdate((to, from) => {
+// activeTab.value = to.path
+// addTab({
+// title: to.meta.title,
+// path: to.path
+// })
+// })
+
+// const changeTab = (t) => {
+// activeTab.value = t
+// router.push(t)
+// }
+
+// const removeTab = (t) => {
+// let tabs = tabList.value
+// let a = activeTab.value
+// if (a == t) {
+// tabs.forEach((tab, index) => {
+// if (tab.path == t) {
+// const nextTab = tabs[index + 1] || tabs[index - 1]
+// if (nextTab) {
+// a = nextTab.path
+// }
+// }
+// })
+// }
+
+// activeTab.value = a
+// tabList.value = tabList.value.filter((tab) => tab.path != t)
+
+// cookie.set('tabList', tabList.value)
+// }
+
+// const handleClose = (c) => {
+// if (c == 'clearAll') {
+// // 切换回首页
+// activeTab.value = '/'
+// // 过滤只剩下首页
+// tabList.value = [
+// {
+// title: '后台首页',
+// path: '/'
+// }
+// ]
+// } else if (c == 'clearOther') {
+// // 过滤只剩下首页和当前激活
+// tabList.value = tabList.value.filter(
+// (tab) => tab.path == '/' || tab.path == activeTab.value
+// )
+// }
+// cookie.set('tabList', tabList.value)
+// }
+
+// return {
+// activeTab,
+// tabList,
+// changeTab,
+// removeTab,
+// handleClose
+// }
+// }
diff --git a/client/src/hooks/useTable.ts b/client/src/hooks/useTable.ts
new file mode 100644
index 0000000..f102ced
--- /dev/null
+++ b/client/src/hooks/useTable.ts
@@ -0,0 +1,174 @@
+import { Table } from './interface'
+import { reactive, computed, toRefs } from 'vue'
+
+/**
+ * @description table 页面操作方法封装
+ * @param {Function} api 获取表格数据 api 方法(必传)
+ * @param {Object} initParam 获取数据初始化参数(非必传，默认为{})
+ * @param {Boolean} isPageable 是否有分页(非必传，默认为true)
+ * @param {Function} dataCallBack 对后台返回的数据进行处理的方法(非必传)
+ * */
+export const useTable = (
+ api: (params: any) => Promise,
+ initParam: object = {},
+ isPageable = true,
+ dataCallBack?: (data: any) => any
+) => {
+ const state = reactive({
+ // 表格数据
+ tableData: [],
+ // 分页数据
+ pageable: {
+ // 当前页数
+ pageNum: 1,
+ // 每页显示条数
+ pageSize: 10,
+ // 总条数
+ total: 0
+ },
+ // 查询参数(只包括查询)
+ searchParam: {},
+ // 初始化默认的查询参数
+ searchInitParam: {},
+ // 总参数(包含分页和查询参数)
+ totalParam: {}
+ })
+
+ /**
+ * @description 分页查询参数(只包括分页和表格字段排序,其他排序方式可自行配置)
+ * */
+ const pageParam = computed({
+ get: () => {
+ return {
+ pageNum: state.pageable.pageNum,
+ pageSize: state.pageable.pageSize
+ }
+ },
+ set: (newVal: any) => { // 我是分页更新之后的值
+ }
+ })
+
+ /**
+ * @description 获取表格数据
+ * @return void
+ * */
+ const getTableList = async () => {
+ try {
+ // 先把初始化参数和分页参数放到总参数里面
+ Object.assign(
+ state.totalParam,
+ initParam,
+ isPageable ? pageParam.value : {}
+ )
+ //请求前格式化数据
+ if (state.totalParam.consultDate) {
+ state.totalParam.startTime = state.totalParam.consultDate[0]
+ state.totalParam.endTime = state.totalParam.consultDate[1]
+ delete state.totalParam.consultDate
+ }
+ let { data } = await api({
+ ...state.searchInitParam,
+ ...state.totalParam
+ })
+ dataCallBack && (data = dataCallBack(data))
+ // 获取当前表格数据
+ state.tableData = isPageable ? data.list : data
+
+ const { pageNum, pageSize, total } = data
+ isPageable && updatePageable({ pageNum, pageSize, total })
+ } catch (error) {
+ console.log(error)
+ }
+ }
+
+ /**
+ * @description 更新查询参数
+ * @return void
+ * */
+ const updatedTotalParam = () => {
+ state.totalParam = {}
+ // 处理查询参数，可以给查询参数加自定义前缀操作
+ const nowSearchParam: { [key: string]: any } = {}
+ // 防止手动清空输入框携带参数（这里可以自定义查询参数前缀）
+ for (const key in state.searchParam) {
+ // * 某些情况下参数为 false/0 也应该携带参数
+ if (
+ state.searchParam[key] ||
+ state.searchParam[key] === false ||
+ state.searchParam[key] === 0
+ ) {
+ nowSearchParam[key] = state.searchParam[key]
+ }
+ }
+ Object.assign(
+ state.totalParam,
+ nowSearchParam,
+ isPageable ? pageParam.value : {}
+ )
+ }
+
+ /**
+ * @description 更新分页信息
+ * @param {Object} resPageable 后台返回的分页数据
+ * @return void
+ * */
+ const updatePageable = (resPageable: Table.Pageable) => {
+ Object.assign(state.pageable, resPageable)
+ }
+
+ /**
+ * @description 表格数据查询
+ * @return void
+ * */
+ const search = () => {
+ state.pageable.pageNum = 1
+ updatedTotalParam()
+ getTableList()
+ }
+
+ /**
+ * @description 表格数据重置
+ * @return void
+ * */
+ const reset = () => {
+ state.pageable.pageNum = 1
+ state.searchParam = {}
+ // 重置搜索表单的时，如果有默认搜索参数，则重置默认的搜索参数
+ Object.keys(state.searchInitParam).forEach(key => {
+ state.searchParam[key] = state.searchInitParam[key]
+ })
+ updatedTotalParam()
+ getTableList()
+ }
+
+ /**
+ * @description 每页条数改变
+ * @param {Number} val 当前条数
+ * @return void
+ * */
+ const handleSizeChange = (val: number) => {
+ state.pageable.pageNum = 1
+ state.pageable.pageSize = val
+ getTableList()
+ }
+
+ /**
+ * @description 当前页改变
+ * @param {Number} val 当前页
+ * @return void
+ * */
+ const handleCurrentChange = (val: number) => {
+ state.pageable.pageNum = val
+ getTableList()
+ }
+
+ return {
+ ...toRefs(state),
+ getTableList,
+ search,
+ reset,
+ handleSizeChange,
+ handleCurrentChange,
+ updatedTotalParam
+ }
+}
diff --git a/client/src/icons/index.ts b/client/src/icons/index.ts
new file mode 100644
index 0000000..e4cd5fc
--- /dev/null
+++ b/client/src/icons/index.ts
@@ -0,0 +1,15 @@
+import SvgIcon from '@/components/SvgIcon/index.vue'
+import { App } from 'vue'
+
+// 获取上下文 require.context（检索的目录，是否检索子文件夹，正则表达式）
+// 返回值是一个函数（传入路径可以导入文件）
+// 通过静态方法keys可以检索所有文件路径
+// 通过.prototype可以查看所有静态方法
+
+const svgRequired = require.context('./svg', false, /\.svg$/)
+
+svgRequired.keys().forEach(item => svgRequired(item))
+
+export default (app: App) => {
+ app.component('svg-icon', SvgIcon)
+}
diff --git a/client/src/icons/svg/base.svg b/client/src/icons/svg/base.svg
new file mode 100644
index 0000000..bd525dc
--- /dev/null
+++ b/client/src/icons/svg/base.svg
@@ -0,0 +1 @@
+
diff --git a/client/src/icons/svg/charge.svg b/client/src/icons/svg/charge.svg
new file mode 100644
index 0000000..58fe9f7
--- /dev/null
+++ b/client/src/icons/svg/charge.svg
@@ -0,0 +1 @@
+
diff --git a/client/src/icons/svg/check.svg b/client/src/icons/svg/check.svg
new file mode 100644
index 0000000..356be38
--- /dev/null
+++ b/client/src/icons/svg/check.svg
@@ -0,0 +1 @@
+
diff --git a/client/src/icons/svg/diet.svg b/client/src/icons/svg/diet.svg
new file mode 100644
index 0000000..6aba363
--- /dev/null
+++ b/client/src/icons/svg/diet.svg
@@ -0,0 +1 @@
+
diff --git a/client/src/icons/svg/exit-fullscreen.svg b/client/src/icons/svg/exit-fullscreen.svg
new file mode 100644
index 0000000..98dd98c
--- /dev/null
+++ b/client/src/icons/svg/exit-fullscreen.svg
@@ -0,0 +1 @@
+
diff --git a/client/src/icons/svg/fullscreen.svg b/client/src/icons/svg/fullscreen.svg
new file mode 100644
index 0000000..2ada57b
--- /dev/null
+++ b/client/src/icons/svg/fullscreen.svg
@@ -0,0 +1 @@
+
diff --git a/client/src/icons/svg/guide.svg b/client/src/icons/svg/guide.svg
new file mode 100644
index 0000000..390f4ac
--- /dev/null
+++ b/client/src/icons/svg/guide.svg
@@ -0,0 +1 @@
+
diff --git a/client/src/icons/svg/home.svg b/client/src/icons/svg/home.svg
new file mode 100644
index 0000000..11dd276
--- /dev/null
+++ b/client/src/icons/svg/home.svg
@@ -0,0 +1 @@
+
diff --git a/client/src/icons/svg/lang.svg b/client/src/icons/svg/lang.svg
new file mode 100644
index 0000000..c809206
--- /dev/null
+++ b/client/src/icons/svg/lang.svg
@@ -0,0 +1 @@
+
diff --git a/client/src/icons/svg/live.svg b/client/src/icons/svg/live.svg
new file mode 100644
index 0000000..7fd0e32
--- /dev/null
+++ b/client/src/icons/svg/live.svg
@@ -0,0 +1 @@
+
diff --git a/client/src/icons/svg/lock.svg b/client/src/icons/svg/lock.svg
new file mode 100644
index 0000000..15db207
--- /dev/null
+++ b/client/src/icons/svg/lock.svg
@@ -0,0 +1 @@
+
diff --git a/client/src/icons/svg/logout.svg b/client/src/icons/svg/logout.svg
new file mode 100644
index 0000000..6f66e0b
--- /dev/null
+++ b/client/src/icons/svg/logout.svg
@@ -0,0 +1 @@
+
diff --git a/client/src/icons/svg/menu-fold.svg b/client/src/icons/svg/menu-fold.svg
new file mode 100644
index 0000000..6638a6b
--- /dev/null
+++ b/client/src/icons/svg/menu-fold.svg
@@ -0,0 +1 @@
+
diff --git a/client/src/icons/svg/password.svg b/client/src/icons/svg/password.svg
new file mode 100644
index 0000000..e291d85
--- /dev/null
+++ b/client/src/icons/svg/password.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/client/src/icons/svg/people.svg b/client/src/icons/svg/people.svg
new file mode 100644
index 0000000..f7fb748
--- /dev/null
+++ b/client/src/icons/svg/people.svg
@@ -0,0 +1 @@
+
diff --git a/client/src/icons/svg/refreash.svg b/client/src/icons/svg/refreash.svg
new file mode 100644
index 0000000..993da9e
--- /dev/null
+++ b/client/src/icons/svg/refreash.svg
@@ -0,0 +1 @@
+
diff --git a/client/src/icons/svg/resource.svg b/client/src/icons/svg/resource.svg
new file mode 100644
index 0000000..fd33d55
--- /dev/null
+++ b/client/src/icons/svg/resource.svg
@@ -0,0 +1,7 @@
+
diff --git a/client/src/icons/svg/sale.svg b/client/src/icons/svg/sale.svg
new file mode 100644
index 0000000..18f7488
--- /dev/null
+++ b/client/src/icons/svg/sale.svg
@@ -0,0 +1 @@
+
diff --git a/client/src/icons/svg/search.svg b/client/src/icons/svg/search.svg
new file mode 100644
index 0000000..2466bcf
--- /dev/null
+++ b/client/src/icons/svg/search.svg
@@ -0,0 +1 @@
+
diff --git a/client/src/icons/svg/serve.svg b/client/src/icons/svg/serve.svg
new file mode 100644
index 0000000..84fdb66
--- /dev/null
+++ b/client/src/icons/svg/serve.svg
@@ -0,0 +1 @@
+
diff --git a/client/src/icons/svg/setting.svg b/client/src/icons/svg/setting.svg
new file mode 100644
index 0000000..e1e0325
--- /dev/null
+++ b/client/src/icons/svg/setting.svg
@@ -0,0 +1 @@
+
diff --git a/client/src/icons/svg/user.svg b/client/src/icons/svg/user.svg
new file mode 100644
index 0000000..0ba0716
--- /dev/null
+++ b/client/src/icons/svg/user.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/client/src/icons/svg/verify.svg b/client/src/icons/svg/verify.svg
new file mode 100644
index 0000000..3076ebc
--- /dev/null
+++ b/client/src/icons/svg/verify.svg
@@ -0,0 +1 @@
+
diff --git a/client/src/layout/components/NavBar/components/Avatar.vue b/client/src/layout/components/NavBar/components/Avatar.vue
new file mode 100644
index 0000000..f7e079b
--- /dev/null
+++ b/client/src/layout/components/NavBar/components/Avatar.vue
@@ -0,0 +1,206 @@
+
+
+
+ ![]()
+ {{ username }}
+
+
+
+
+
+ 修改密码
+
+
+
+ 退出登录
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/client/src/layout/components/NavBar/components/Breadcrumb.vue b/client/src/layout/components/NavBar/components/Breadcrumb.vue
new file mode 100644
index 0000000..452b3f3
--- /dev/null
+++ b/client/src/layout/components/NavBar/components/Breadcrumb.vue
@@ -0,0 +1,44 @@
+
+
+
+
+ {{ item.meta?.title }}
+
+
+
+
+
+
+
+
diff --git a/client/src/layout/components/NavBar/index.vue b/client/src/layout/components/NavBar/index.vue
new file mode 100644
index 0000000..fdccd75
--- /dev/null
+++ b/client/src/layout/components/NavBar/index.vue
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
diff --git a/client/src/layout/components/SideBar/components/MenuFold.vue b/client/src/layout/components/SideBar/components/MenuFold.vue
new file mode 100644
index 0000000..5832cb6
--- /dev/null
+++ b/client/src/layout/components/SideBar/components/MenuFold.vue
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/client/src/layout/components/SideBar/components/MenuItem.vue b/client/src/layout/components/SideBar/components/MenuItem.vue
new file mode 100644
index 0000000..3b2b0d4
--- /dev/null
+++ b/client/src/layout/components/SideBar/components/MenuItem.vue
@@ -0,0 +1,79 @@
+
+
+
+
+
+
+ {{
+ menu.meta.title
+ }}
+
+
+
+
+
+
+
+
+ {{
+ menu.meta.title
+ }}
+
+
+
+
+
+
+
+
+
diff --git a/client/src/layout/components/SideBar/index.vue b/client/src/layout/components/SideBar/index.vue
new file mode 100644
index 0000000..70cccae
--- /dev/null
+++ b/client/src/layout/components/SideBar/index.vue
@@ -0,0 +1,90 @@
+
+
+
+
+
+
+
diff --git a/client/src/layout/components/Tags/index.vue b/client/src/layout/components/Tags/index.vue
new file mode 100644
index 0000000..97c40c2
--- /dev/null
+++ b/client/src/layout/components/Tags/index.vue
@@ -0,0 +1,17 @@
+
+
+
tags
+
+
+
+
+
+
diff --git a/client/src/layout/index.vue b/client/src/layout/index.vue
new file mode 100644
index 0000000..6debadf
--- /dev/null
+++ b/client/src/layout/index.vue
@@ -0,0 +1,75 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/client/src/main.ts b/client/src/main.ts
new file mode 100644
index 0000000..24e0fae
--- /dev/null
+++ b/client/src/main.ts
@@ -0,0 +1,24 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+import router from './router'
+import store, { key } from './store'
+import { useElementPlus } from '@/plugins'
+import SvgIcon from '@/icons'
+import './styles/index.scss'
+import 'element-plus/dist/index.css'
+import '@icon-park/vue-next/styles/index.css'
+import 'tailwindcss/tailwind.css'
+import './styles/theme.scss'
+import { MotionPlugin } from '@vueuse/motion'
+import ElementPlus from 'element-plus'
+const app = createApp(App)
+store.commit('app/setAuth', false)
+SvgIcon(app)
+
+app
+ .use(store, key)
+ .use(router)
+ .use(useElementPlus)
+ .use(ElementPlus)
+ .use(MotionPlugin)
+ .mount('#app')
diff --git a/client/src/mock/getters.ts b/client/src/mock/getters.ts
new file mode 100644
index 0000000..256c799
--- /dev/null
+++ b/client/src/mock/getters.ts
@@ -0,0 +1,41 @@
+import { routes, users, IRoute, IUser } from './index'
+import store from '@/store'
+
+// 获取路由列表
+export const getRouterList = (uid: number) => {
+ const authIdList: number[] = store.state.app.userPeofile.authIdList
+ const routeList: any[] = routes.filter(route => authIdList.includes(route.id))
+ if (uid) {
+ // userInfo 有可能是 undefined
+ const userInfo: IUser | undefined = users.find(user => user.id === uid)
+
+ if (userInfo) {
+ // const authRouteList: IRoute[] = []
+ // rid = router id
+ // userInfo.auth.map(rid => {
+ // routeList.map((route: IRoute) => {
+ // if (route.id === rid) {
+ // authRouteList.push(route)
+ // }
+ // })
+ // })
+ return {
+ code: 0,
+ msg: 'ok',
+ data: routeList
+ }
+ } else {
+ return {
+ code: 1001,
+ msg: 'No userInfo for this UID',
+ data: null
+ }
+ }
+ } else {
+ return {
+ code: 1002,
+ msg: 'No UID received',
+ data: null
+ }
+ }
+}
diff --git a/client/src/mock/index.ts b/client/src/mock/index.ts
new file mode 100644
index 0000000..8bed4b6
--- /dev/null
+++ b/client/src/mock/index.ts
@@ -0,0 +1,5 @@
+import routes, { IRoute } from './routes'
+import users, { IUser } from './users'
+
+export { routes, users }
+export type { IRoute, IUser }
diff --git a/client/src/mock/routes.ts b/client/src/mock/routes.ts
new file mode 100644
index 0000000..a46c70a
--- /dev/null
+++ b/client/src/mock/routes.ts
@@ -0,0 +1,486 @@
+export interface IRoute {
+ id: number
+ pid: number
+ name: string
+ path: string
+ redirect?: string
+ component: string
+ meta: {
+ title: string
+ icon?: string
+ }
+}
+
+const routes: IRoute[] = [
+ {
+ id: 1,
+ pid: 0,
+ path: '/home',
+ name: 'Home',
+ component: 'home/index.vue',
+ meta: {
+ title: '首页',
+ icon: 'home'
+ }
+ },
+ {
+ id: 2,
+ pid: 0,
+ path: '/sale',
+ name: 'Sale',
+ redirect: '/sale/counsel',
+ component: 'sale/index.vue',
+ meta: {
+ title: '营销管理',
+ icon: 'sale'
+ }
+ },
+ {
+ id: 3,
+ pid: 2,
+ path: 'counsel',
+ name: 'CounselSale',
+ component: 'sale/counsel/index.vue',
+ meta: {
+ title: '咨询管理',
+ icon: ''
+ }
+ },
+ // {
+ // id: 4,
+ // pid: 2,
+ // path: 'intention',
+ // name: 'IntentionSale',
+ // component: 'sale/intention/index.vue',
+ // meta: {
+ // title: '意向客户',
+ // icon: ''
+ // }
+ // },
+ {
+ id: 5,
+ pid: 2,
+ path: 'book',
+ name: 'BookSale',
+ component: 'sale/book/index.vue',
+ meta: {
+ title: '预定管理',
+ icon: ''
+ }
+ },
+ {
+ id: 6,
+ pid: 0,
+ path: '/live',
+ name: 'Live',
+ redirect: '/live/bed',
+ component: 'live/index.vue',
+ meta: {
+ title: '入住管理',
+ icon: 'live'
+ }
+ },
+ {
+ id: 7,
+ pid: 6,
+ path: 'bed',
+ name: 'BedLive',
+ component: 'live/bed/index.vue',
+ meta: {
+ title: '床位全景',
+ icon: ''
+ }
+ },
+ {
+ id: 8,
+ pid: 6,
+ path: 'enter',
+ name: 'EnterLive',
+ component: 'live/enter/index.vue',
+ meta: {
+ title: '入住签约',
+ icon: ''
+ }
+ },
+ {
+ id: 9,
+ pid: 6,
+ path: 'leave',
+ name: 'LeaveLive',
+ component: 'live/leave/index.vue',
+ meta: {
+ title: '外出登记',
+ icon: ''
+ }
+ },
+ {
+ id: 10,
+ pid: 6,
+ path: 'visitor',
+ name: 'VisitorLive',
+ component: 'live/visitor/index.vue',
+ meta: {
+ title: '来访登记',
+ icon: ''
+ }
+ },
+ {
+ id: 11,
+ pid: 6,
+ path: 'accident',
+ name: 'AccidentLive',
+ component: 'live/accident/index.vue',
+ meta: {
+ title: '事故登记',
+ icon: ''
+ }
+ },
+ {
+ id: 12,
+ pid: 6,
+ path: 'aplly',
+ name: 'CheckOutLive',
+ component: 'live/apply/index.vue',
+ meta: {
+ title: '退住申请',
+ icon: ''
+ }
+ },
+ {
+ id: 13,
+ pid: 0,
+ path: '/people',
+ name: 'People',
+ redirect: '/people/old',
+ component: 'people/index.vue',
+ meta: {
+ title: '人员管理',
+ icon: 'people'
+ }
+ },
+ {
+ id: 14,
+ pid: 13,
+ path: 'old',
+ name: 'OldPeople',
+ component: 'people/old/index.vue',
+ meta: {
+ title: '长者档案',
+ icon: ''
+ }
+ },
+ {
+ id: 15,
+ pid: 13,
+ path: 'staff',
+ name: 'StaffPeople',
+ component: 'people/staff/index.vue',
+ meta: {
+ title: '员工管理',
+ icon: ''
+ }
+ },
+ // {
+ // id: 16,
+ // pid: 13,
+ // path: 'activity',
+ // name: 'ActivityPeople',
+ // component: 'people/activity/activity.vue',
+ // meta: {
+ // title: '活动管理',
+ // icon: ''
+ // }
+ // },
+ {
+ id: 17,
+ pid: 0,
+ path: '/serve',
+ name: 'Serve',
+ redirect: '/serve/project',
+ component: 'serve/index.vue',
+ meta: {
+ title: '服务管理',
+ icon: 'serve'
+ }
+ },
+ {
+ id: 18,
+ pid: 17,
+ path: 'project',
+ name: 'ProjectServe',
+ component: 'serve/project/index.vue',
+ meta: {
+ title: '服务项目',
+ icon: ''
+ }
+ },
+ {
+ id: 19,
+ pid: 17,
+ path: 'level',
+ name: 'LevelServe',
+ component: 'serve/level/index.vue',
+ meta: {
+ title: '护理等级',
+ icon: ''
+ }
+ },
+ {
+ id: 20,
+ pid: 17,
+ path: 'book',
+ name: 'BookServe',
+ component: 'serve/book/index.vue',
+ meta: {
+ title: '服务预定',
+ icon: ''
+ }
+ },
+ // {
+ // id: 21,
+ // pid: 0,
+ // path: '/resource',
+ // name: 'Resource',
+ // redirect: '/resource/info',
+ // component: 'resource/index.vue',
+ // meta: {
+ // title: '物资管理',
+ // icon: 'resource'
+ // }
+ // },
+ // {
+ // id: 22,
+ // pid: 21,
+ // path: 'info',
+ // name: 'InfoResource',
+ // component: 'resource/info/index.vue',
+ // meta: {
+ // title: '物资信息',
+ // icon: ''
+ // }
+ // },
+ // {
+ // id: 23,
+ // pid: 21,
+ // path: 'Storage',
+ // name: 'StorageResource',
+ // component: 'resource/storage/index.vue',
+ // meta: {
+ // title: '仓库设置',
+ // icon: ''
+ // }
+ // },
+ // {
+ // id: 24,
+ // pid: 21,
+ // path: 'enter',
+ // name: 'EnterResource',
+ // component: 'resource/enter/index.vue',
+ // meta: {
+ // title: '入库管理',
+ // icon: ''
+ // }
+ // },
+ // {
+ // id: 25,
+ // pid: 21,
+ // path: 'leave',
+ // name: 'LeaveResource',
+ // component: 'resource/leave/index.vue',
+ // meta: {
+ // title: '出库管理',
+ // icon: ''
+ // }
+ // },
+ // {
+ // id: 26,
+ // pid: 21,
+ // path: 'search',
+ // name: 'SearchResource',
+ // component: 'resource/search/index.vue',
+ // meta: {
+ // title: '库存查询',
+ // icon: ''
+ // }
+ // },
+ {
+ id: 27,
+ pid: 0,
+ path: '/diet',
+ name: 'Diet',
+ redirect: '/diet/dish',
+ component: 'diet/index.vue',
+ meta: {
+ title: '餐饮管理',
+ icon: 'diet'
+ }
+ },
+ {
+ id: 28,
+ pid: 27,
+ path: 'dish',
+ name: 'DishDiet',
+ component: 'diet/dish/index.vue',
+ meta: {
+ title: '菜品管理',
+ icon: ''
+ }
+ },
+ {
+ id: 29,
+ pid: 27,
+ path: 'package',
+ name: 'PackageDiet',
+ component: 'diet/package/index.vue',
+ meta: {
+ title: '餐饮套餐',
+ icon: ''
+ }
+ },
+ {
+ id: 30,
+ pid: 27,
+ path: 'order',
+ name: 'OrderDiet',
+ component: 'diet/order/index.vue',
+ meta: {
+ title: '点餐',
+ icon: ''
+ }
+ },
+ {
+ id: 31,
+ pid: 0,
+ path: '/charge',
+ name: 'Charge',
+ redirect: '/charge/prestore',
+ component: 'charge/index.vue',
+ meta: {
+ title: '费用管理',
+ icon: 'charge'
+ }
+ },
+ {
+ id: 32,
+ pid: 31,
+ path: 'prestore',
+ name: 'PrestoreCharge',
+ component: 'charge/prestore/index.vue',
+ meta: {
+ title: '预存充值',
+ icon: ''
+ }
+ },
+ {
+ id: 33,
+ pid: 31,
+ path: 'record',
+ name: 'RecordCharge',
+ component: 'charge/record/index.vue',
+ meta: {
+ title: '消费记录',
+ icon: ''
+ }
+ },
+ {
+ id: 34,
+ pid: 31,
+ path: 'audit',
+ name: 'AuditCharge',
+ component: 'charge/audit/index.vue',
+ meta: {
+ title: '退住审核',
+ icon: ''
+ }
+ },
+ {
+ id: 35,
+ pid: 0,
+ path: '/base',
+ name: 'Base',
+ redirect: '/base/sale/origin',
+ component: 'base/index.vue',
+ meta: {
+ title: '基础配置',
+ icon: 'base'
+ }
+ },
+ {
+ id: 36,
+ pid: 35,
+ path: 'sale',
+ name: 'SaleBase',
+ redirect: '/base/sale/origin',
+ component: 'base/sale/index.vue',
+ meta: {
+ title: '营销',
+ icon: ''
+ }
+ },
+ {
+ id: 37,
+ pid: 36,
+ path: 'origin',
+ name: 'OriginSaleBase',
+ component: 'base/sale/origin/index.vue',
+ meta: {
+ title: '来源渠道',
+ icon: ''
+ }
+ },
+ // {
+ // id: 38,
+ // pid: 36,
+ // path: 'tag',
+ // name: 'TagSaleBase',
+ // component: 'base/sale/tag/index.vue',
+ // meta: {
+ // title: '客户标签',
+ // icon: ''
+ // }
+ // },
+ {
+ id: 39,
+ pid: 35,
+ path: 'live',
+ name: 'LiveBase',
+ redirect: '/base/live/room',
+ component: 'base/live/index.vue',
+ meta: {
+ title: '入住',
+ icon: ''
+ }
+ },
+ {
+ id: 40,
+ pid: 39,
+ path: 'room',
+ name: 'RoomLiveBase',
+ component: 'base/live/room/index.vue',
+ meta: {
+ title: '房间类型',
+ icon: ''
+ }
+ },
+ {
+ id: 41,
+ pid: 39,
+ path: 'flat',
+ name: 'FlatLiveBase',
+ component: 'base/live/flat/index.vue',
+ meta: {
+ title: '楼栋管理',
+ icon: ''
+ }
+ },
+ // {
+ // id: 42,
+ // pid: 35,
+ // path: 'activity',
+ // name: 'ActivityBase',
+ // component: 'base/activity/index.vue',
+ // meta: { title: '活动', icon: '' }
+ // }
+]
+
+export default routes
diff --git a/client/src/mock/users.ts b/client/src/mock/users.ts
new file mode 100644
index 0000000..db8e05e
--- /dev/null
+++ b/client/src/mock/users.ts
@@ -0,0 +1,17 @@
+export interface IUser {
+ id: number
+ username: string
+ auth: number[]
+}
+
+export default [
+ {
+ id: 1,
+ username: 'zhangsan',
+ auth: [
+ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21,
+ 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39,
+ 40, 41, 42
+ ]
+ }
+]
diff --git a/client/src/plugins/element-plus/index.ts b/client/src/plugins/element-plus/index.ts
new file mode 100644
index 0000000..b28a690
--- /dev/null
+++ b/client/src/plugins/element-plus/index.ts
@@ -0,0 +1,11 @@
+import * as ElIcons from '@element-plus/icons-vue'
+import { App } from 'vue'
+
+const useElementPlus = (app: App) => {
+ // 注册图标
+ for (const [key, component] of Object.entries(ElIcons)) {
+ app.component(key, component)
+ }
+}
+
+export default useElementPlus
diff --git a/client/src/plugins/index.ts b/client/src/plugins/index.ts
new file mode 100644
index 0000000..c6e49f2
--- /dev/null
+++ b/client/src/plugins/index.ts
@@ -0,0 +1,3 @@
+import useElementPlus from './element-plus'
+
+export { useElementPlus }
diff --git a/client/src/router/index.ts b/client/src/router/index.ts
new file mode 100644
index 0000000..a63c0cf
--- /dev/null
+++ b/client/src/router/index.ts
@@ -0,0 +1,62 @@
+import { createRouter, RouteRecordRaw, createWebHashHistory } from 'vue-router'
+import Layout from '@/layout/index.vue'
+import store from '@/store'
+import { initRoutes } from './utils'
+
+// 静态路由
+const routes: Array = [
+ {
+ path: '/',
+ name: 'Layout',
+ component: Layout,
+ redirect: '/home',
+ children: []
+ },
+ {
+ path: '/login',
+ name: 'Login',
+ meta: {
+ title: '登录'
+ },
+ component: () =>
+ import(/* webpackChunkName: "Login" */ '@/views/login/index.vue')
+ },
+ {
+ path: '/:pathMatch(.*)*',
+ name: 'NotFound',
+ meta: {
+ title: '404'
+ },
+ component: () =>
+ import(/* webpackChunkName: "404" */ '@/views/error/404.vue')
+ }
+]
+
+const router = createRouter({
+ history: createWebHashHistory(),
+ routes
+})
+
+const ROUTER_WHITE_LIST = ['/login']
+
+router.beforeEach(async (to, from, next) => {
+ // 设置页面标题
+ document["title"] = to.meta.title + " | 敬老院管理系统"
+
+ // .判断访问页面是否在路由白名单地址中，如果存在直接放行
+ if (ROUTER_WHITE_LIST.includes(to.path)) return next()
+
+ //.判断 是否有 Token，没有重定向到 login
+ if (!store.state.app.token) return next({ path: '/login', replace: true })
+
+ //如果没有初始化动态路由就初始化
+ if (!store.state.app.hasAuth && store.state.app.token) {
+ await initRoutes()
+ return next({ path: to.path })
+ }
+
+ // 7.正常访问页面
+ next()
+})
+
+export default router
diff --git a/client/src/router/types.ts b/client/src/router/types.ts
new file mode 100644
index 0000000..d90861b
--- /dev/null
+++ b/client/src/router/types.ts
@@ -0,0 +1,14 @@
+/** 路由 */
+export interface IRoute {
+ id: number
+ pid: number
+ name: string
+ path: string
+ redirect?: string
+ component: string
+ meta: {
+ title: string
+ icon?: string
+ }
+ children?: IRoute[]
+}
diff --git a/client/src/router/utils.ts b/client/src/router/utils.ts
new file mode 100644
index 0000000..ec5fc53
--- /dev/null
+++ b/client/src/router/utils.ts
@@ -0,0 +1,81 @@
+import { IRoute } from "@/router/types";
+import { Router, RouteRecordRaw } from "vue-router";
+import router from "./index";
+import store from "@/store";
+import { arrayDeduplicationByFiled } from "@/utils/commonUtil";
+
+/** 将后端返回的路由转换成生成树形结构 */
+function formatRouteTree(data: IRoute[]) {
+ const parents = data.filter(routeInfo => routeInfo.pid === 0);
+ const children = data.filter(routeInfo => routeInfo.pid !== 0);
+
+ dataToTree(parents, children);
+
+ return parents;
+
+ function dataToTree(parents: IRoute[], children: IRoute[]) {
+ parents.map(parent => {
+ children.map((child, index) => {
+ if (child.pid === parent.id) {
+ const _children: IRoute[] = JSON.parse(JSON.stringify(children));
+ _children.splice(index, 1);
+ dataToTree([child], _children);
+ if (parent.children) {
+ // 添加
+ parent.children.push(child);
+ // 菜单去重
+ parent.children = arrayDeduplicationByFiled(parent.children, "id");
+ } else {
+ parent.children = [child];
+ }
+ }
+ });
+ });
+ }
+}
+
+/** 将树形结构路由转化成真实的路由 */
+function generateRouter(routeTree: IRoute[]) {
+ const newRoutes = routeTree.map(route => {
+ const _route: RouteRecordRaw = {
+ path: route.path,
+ name: route.name,
+ meta: route.meta,
+ redirect: route.redirect,
+ component: () => import("@/views/" + route.component), // 注意：views目录下才能引入，否则ts不识别
+ children: []
+ };
+
+ if (route.children) {
+ _route.children = generateRouter(route.children);
+ }
+
+ return _route;
+ });
+
+ return newRoutes;
+}
+
+//初始化动态路由
+export async function initRoutes() {
+ await store.dispatch("app/getRouterTree");
+ const newRoutes = generateRouter(store.state.app.routeTree);
+ newRoutes.forEach(route => router.addRoute("Layout", route));
+}
+
+//清除路由
+export function clearRoutes() {
+ //删除之前注册的路由 默认状态下只有三个，如果超过三个删除多余的路由
+ const defaultRoutes = ["Layout", "Login", "NotFound"];
+ const currentRoutes = router.getRoutes();
+ if (currentRoutes.length != 3) {
+ //执行删除
+ currentRoutes.forEach(item => {
+ if (!defaultRoutes.includes(String(item.name))) {
+ router.removeRoute(String(item.name));
+ }
+ });
+ }
+}
+
+export { formatRouteTree, generateRouter };
diff --git a/client/src/shims-vue.d.ts b/client/src/shims-vue.d.ts
new file mode 100644
index 0000000..cdcffbd
--- /dev/null
+++ b/client/src/shims-vue.d.ts
@@ -0,0 +1,11 @@
+/* eslint-disable */
+declare module '*.vue' {
+ import type { DefineComponent } from 'vue'
+ const component: DefineComponent<{}, {}, any>
+ export default component
+}
+
+declare module '*.svg' {
+ const content: string
+ export default content
+}
diff --git a/client/src/store/index.ts b/client/src/store/index.ts
new file mode 100644
index 0000000..79a8523
--- /dev/null
+++ b/client/src/store/index.ts
@@ -0,0 +1,29 @@
+import { InjectionKey } from 'vue'
+import { createStore, useStore as baseUseStore, Store } from 'vuex'
+import { IRootState } from '@/store/types'
+import { store as app } from './modules/app'
+import { CommonStore } from './utils'
+import createPersistedState from 'vuex-persistedstate'
+
+export const modules = {
+ app
+}
+
+// injectionKey：约束state类型
+export const key: InjectionKey> = Symbol()
+
+const store = createStore({
+ modules,
+ plugins: [
+ createPersistedState({
+ key: 'stateData',
+ paths: ['app']
+ })
+ ]
+}) as CommonStore
+
+export function useStore(): CommonStore {
+ return baseUseStore(key)
+}
+
+export default store
diff --git a/client/src/store/modules/app/index.ts b/client/src/store/modules/app/index.ts
new file mode 100644
index 0000000..7ebbf04
--- /dev/null
+++ b/client/src/store/modules/app/index.ts
@@ -0,0 +1,91 @@
+import { ActionContext } from 'vuex'
+
+import { IRootState } from '@/store/types'
+import { IAppState } from './types'
+import { IRoute } from '@/router/types'
+import { getRouterList } from '@/mock/getters'
+import { clearRoutes, formatRouteTree } from '@/router/utils'
+// import { getUserRouteList } from '@/apis'
+import { getLogin } from '@/apis/user'
+import router from '@/router'
+
+const defaultState = {
+ uid: 1,
+ token: '',
+ hasAuth: false,
+ routeTree: [],
+ siderType: true,
+ userPeofile: {},
+ rememberPWD: false
+}
+
+export const store = {
+ namespaced: true,
+ state: {
+ uid: 1,
+ token: '',
+ hasAuth: false,
+ routeTree: [],
+ siderType: true,
+ userPeofile: {},
+ rememberPWD: false
+ },
+ mutations: {
+ setToken(state: IAppState, token: string) {
+ state.token = token
+ },
+ setRouteTree(state: IAppState, routeTree: IRoute[]) {
+ state.routeTree = routeTree
+ },
+ setAuth(state: IAppState, auth: boolean) {
+ state.hasAuth = auth
+ },
+ setSiderType(state: IAppState) {
+ state.siderType = !state.siderType
+ },
+ setUserProfile(state: IAppState, userPeofile: any) {
+ state.userPeofile = userPeofile
+ },
+ setRememberPWD(state: IAppState, rememberPWD: boolean) {
+ state.rememberPWD = rememberPWD
+ },
+ clearStore(state: IAppState) {
+ Object.assign(state, defaultState)
+ }
+ },
+ actions: {
+ //登录
+ async actionLogin(
+ { commit, state }: ActionContext,
+ data: any
+ ) {
+ const res: any = await getLogin(data)
+ if (res.code === 200) {
+ commit('setToken', res?.data?.token)
+ commit('setUserProfile', {
+ username: res?.data.name,
+ userid: res?.data.id,
+ avator: res?.data.avator,
+ authIdList: res?.data.authIdList
+ })
+ }
+ commit('setRememberPWD', data?.rememberPWD)
+ return res
+ },
+ //获取权限菜单
+ getRouterTree({ commit, state }: ActionContext) {
+ // 模拟数据
+ const routeList = getRouterList(state.uid).data as unknown as IRoute[]
+ const routeTree = formatRouteTree(routeList)
+ commit('setRouteTree', routeTree)
+ commit('setAuth', true)
+ },
+ // 点击登出
+ logout({ commit, state }: ActionContext) {
+ commit('clearStore')
+ localStorage.clear()
+ clearRoutes()
+ router.replace('/login')
+ }
+ }
+}
diff --git a/client/src/store/modules/app/types.ts b/client/src/store/modules/app/types.ts
new file mode 100644
index 0000000..b064c07
--- /dev/null
+++ b/client/src/store/modules/app/types.ts
@@ -0,0 +1,11 @@
+import { IRoute } from '@/router/types'
+
+export interface IAppState {
+ uid: number
+ token: string
+ hasAuth: boolean
+ routeTree: IRoute[]
+ siderType: boolean
+ userPeofile: any
+ rememberPWD: boolean
+}
diff --git a/client/src/store/modules/soldManage/index.ts b/client/src/store/modules/soldManage/index.ts
new file mode 100644
index 0000000..fb5688c
--- /dev/null
+++ b/client/src/store/modules/soldManage/index.ts
@@ -0,0 +1,9 @@
+import { ActionContext } from 'vuex'
+import router from '@/router'
+
+export const store = {
+ namespaced: true,
+ state: {},
+ mutations: {},
+ actions: {}
+}
diff --git a/client/src/store/modules/soldManage/types.ts b/client/src/store/modules/soldManage/types.ts
new file mode 100644
index 0000000..e69de29
diff --git a/client/src/store/types.ts b/client/src/store/types.ts
new file mode 100644
index 0000000..28f5937
--- /dev/null
+++ b/client/src/store/types.ts
@@ -0,0 +1,5 @@
+import { IAppState } from '@/store/modules/app/types'
+
+export type IRootState = {
+ app: IAppState
+}
diff --git a/client/src/store/utils.ts b/client/src/store/utils.ts
new file mode 100644
index 0000000..f96b603
--- /dev/null
+++ b/client/src/store/utils.ts
@@ -0,0 +1,70 @@
+/** 智能提示 */
+import { IRootState } from './types'
+import { modules } from './index'
+import { CommitOptions, DispatchOptions, Store as VuexStore } from 'vuex'
+// 获取modules的类型
+type Modules = typeof modules
+// 获取所有模块下的mutations
+type GetMutation = T extends { mutations: infer G } ? G : never
+type GetMutations = {
+ [K in keyof T]: GetMutation
+}
+type mutationsObj = GetMutations
+
+// 获取所有模块下的actions
+type GetAction = T extends { actions: infer G } ? G : never
+type GetActions = {
+ [K in keyof T]: GetAction
+}
+type actionsObj = GetActions
+
+// 获取所有模块下的getters
+type GetGetter = T extends { getters: infer G } ? G : never
+type GetGetters = {
+ [K in keyof T]: GetGetter
+}
+type getterObj = GetGetters
+
+// tabs/addTabs menu/setCount
+type AddPrefix = `${prefix & string}/${keys & string}`
+type GetKey = AddPrefix
+type Getkeys = {
+ [K in keyof T]: GetKey
+}[keyof T]
+
+// 获取当前模块下每个函数的返回值
+type GetFunc = T[A & keyof T][B & keyof T[A & keyof T]]
+type GetMethod = {
+ [K in Getkeys]: K extends `${infer A}/${infer B}`
+ ? GetFunc
+ : unknown
+}
+
+type GetMutationsFunc = GetMethod
+type GetActionsFunc = GetMethod
+type GetGettersFunc = GetMethod
+
+// 去掉之前的，使用自己定义的
+export type CommonStore = Omit<
+ VuexStore,
+ 'commit' | 'getters' | 'dispatch'
+> & {
+ commit<
+ K extends keyof GetMutationsFunc,
+ P extends Parameters[1]
+ >(
+ key: K,
+ payload?: P,
+ options?: CommitOptions
+ ): ReturnType
+} & {
+ getters: {
+ [K in keyof GetGettersFunc]: ReturnType
+ }
+} & {
+ dispatch(
+ key: K,
+ payload?: Parameters[1],
+ options?: DispatchOptions
+ ): ReturnType
+}
diff --git a/client/src/styles/base.scss b/client/src/styles/base.scss
new file mode 100644
index 0000000..e69de29
diff --git a/client/src/styles/element.scss b/client/src/styles/element.scss
new file mode 100644
index 0000000..81e2fba
--- /dev/null
+++ b/client/src/styles/element.scss
@@ -0,0 +1,222 @@
+.el-breadcrumb__inner,
+.el-breadcrumb__inner a {
+ font-weight: 400 !important;
+}
+
+.el-upload {
+ input[type='file'] {
+ display: none !important;
+ }
+}
+
+.el-upload__input {
+ display: none;
+}
+
+.upload-container {
+ .el-upload {
+ width: 100%;
+
+ .el-upload-dragger {
+ width: 100%;
+ height: 200px;
+ }
+ }
+}
+
+.el-dropdown-menu {
+ padding: 0 !important;
+}
+
+.el-range-separator {
+ box-sizing: content-box;
+}
+
+.is-dark {
+ z-index: 9999 !important;
+}
+
+/* 重置 el-button 中 icon 的 margin */
+.reset-margin [class*='el-icon'] + span {
+ margin-left: 2px !important;
+}
+
+/* 自定义 popover 的类名 */
+.pure-popper {
+ padding: 0 !important;
+}
+
+/* 自定义 tooltip 的类名 */
+.pure-tooltip {
+ // 右侧操作面板right-panel类名的z-index为40000，tooltip需要大于它才能显示
+ z-index: 41000 !important;
+}
+
+/* nprogress 适配 element-plus 的主题色 */
+#nprogress {
+ & .bar {
+ background-color: var(--el-color-primary) !important;
+ }
+
+ & .peg {
+ box-shadow: 0 0 10px var(--el-color-primary),
+ 0 0 5px var(--el-color-primary) !important;
+ }
+
+ & .spinner-icon {
+ border-top-color: var(--el-color-primary);
+ border-left-color: var(--el-color-primary);
+ }
+}
+
+/* 全局覆盖element-plus的el-dialog、el-drawer、el-message-box、el-notification组件右上角关闭图标的样式，表现更鲜明 */
+.el-dialog__headerbtn,
+.el-message-box__headerbtn {
+ &:hover {
+ .el-dialog__close {
+ color: var(--el-color-info) !important;
+ }
+ }
+}
+
+.el-icon {
+ &.el-dialog__close,
+ &.el-drawer__close,
+ &.el-message-box__close,
+ &.el-notification__closeBtn {
+ width: 24px;
+ height: 24px;
+ outline: none;
+ border-radius: 4px;
+ transition: background-color 0.2s, color 0.2s;
+
+ &:hover {
+ color: rgba(0, 0, 0, 0.88) !important;
+ background-color: rgba(0, 0, 0, 0.06);
+ text-decoration: none;
+ }
+ }
+}
+
+/* 克隆并自定义 ElMessage 样式，不会影响 ElMessage 原本样式，在 src/utils/message.ts 中调用自定义样式 ElMessage 方法即可，暗黑模式在 src/style/dark.scss 文件进行了适配 */
+.pure-message {
+ border-width: 0 !important;
+ background: #fff !important;
+ padding: 10px 13px !important;
+ box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014,
+ 0 9px 28px 8px #0000000d !important;
+
+ &.el-message.is-closable .el-message__content {
+ padding-right: 17px !important;
+ }
+
+ & .el-message__content {
+ color: #000000d9 !important;
+ pointer-events: all !important;
+ background-image: initial !important;
+ }
+
+ & .el-message__icon {
+ margin-right: 8px !important;
+ }
+
+ & .el-message__closeBtn {
+ outline: none;
+ border-radius: 4px;
+ right: 9px !important;
+ transition: background-color 0.2s, color 0.2s;
+
+ &:hover {
+ background-color: rgba(0, 0, 0, 0.06);
+ }
+ }
+}
+
+.el-popconfirm {
+ .el-popconfirm__action {
+ .el-button--primary {
+ background-color: #409eff !important;
+
+ &:hover {
+ background-color: #79bbff !important;
+ }
+ }
+
+ .el-button--success {
+ background-color: #67C23A !important;
+
+ &:hover {
+ background-color: #95d475 !important;
+ }
+ }
+
+ .el-button--warning {
+ background-color: #E6A23C !important;
+
+ &:hover {
+ background-color: #eebe77 !important;
+ }
+ }
+
+ .el-button--danger {
+ background-color: #f56c6c !important;
+
+ &:hover {
+ background-color: #f89898 !important;
+ }
+ }
+
+ .el-button--info {
+ background-color: #909399 !important;
+
+ &:hover {
+ background-color: #b1b3b8 !important;
+ }
+ }
+ }
+}
+
+.el-button--primary {
+ color: white !important;
+ background-color: #409EFF !important;
+
+ &:hover {
+ background-color: #79bbff !important;
+ }
+}
+
+.el-button--success {
+ color: white !important;
+ background-color: #67C23A !important;
+
+ &:hover {
+ background-color: #95d475 !important;
+ }
+}
+
+.el-button--warning {
+ color: white !important;
+ background-color: #E6A23C !important;
+
+ &:hover {
+ background-color: #eebe77 !important;
+ }
+}
+
+.el-button--danger {
+ color: white !important;
+ background-color: #F56C6C !important;
+
+ &:hover {
+ background-color: #f89898 !important;
+ }
+}
+
+.el-button--info {
+ color: white !important;
+ background-color: #909399 !important;
+
+ &:hover {
+ background-color: #b1b3b8 !important;
+ }
+}
diff --git a/client/src/styles/element/index.scss b/client/src/styles/element/index.scss
new file mode 100644
index 0000000..e69de29
diff --git a/client/src/styles/index.scss b/client/src/styles/index.scss
new file mode 100644
index 0000000..ca69fc8
--- /dev/null
+++ b/client/src/styles/index.scss
@@ -0,0 +1,9 @@
+@import './variables.module.scss'; // 常用变量
+@import './mixin.scss'; // 常用方法
+@import './base.scss'; // 基础样式
+@import './reset.scss'; // 重置样式
+@import './login.scss';
+@import './navbar.scss';
+@import './sidebar.scss';
+@import './element.scss';
+@import './transition.scss';
diff --git a/client/src/styles/login.scss b/client/src/styles/login.scss
new file mode 100644
index 0000000..83c9408
--- /dev/null
+++ b/client/src/styles/login.scss
@@ -0,0 +1,73 @@
+.login-container {
+ position: relative;
+ height: 100vh;
+ width: 100vw;
+ display: flex;
+ justify-content: space-between;
+
+ .left-box,
+ .right-box {
+ flex: 1;
+ }
+
+ .right-box {
+ display: flex;
+ align-items: center;
+ margin-top: -90px;
+
+ .login-form ,
+ .forget-pass-form {
+ width: 360px;
+ margin-left: 50px;
+ .title {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ img {
+ width: 80px;
+ height: 80px;
+ }
+ h2 {
+ color: #9193a3;
+ margin: 10px 0 15px 0;
+ }
+ }
+
+ .password-set {
+ display: flex;
+ width: 100%;
+ margin: -10px 0 10px 0;
+ justify-content: right;
+ }
+ }
+ }
+
+ .left-box {
+ position: relative;
+ width: 100%;
+
+ &::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url('~@/assets/imgs/bg.png');
+ background-repeat: no-repeat;
+ background-size: auto 100%;
+ z-index: -1;
+ }
+
+ .img {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ img {
+ width: 500px;
+ }
+ }
+ }
+}
diff --git a/client/src/styles/mixin.scss b/client/src/styles/mixin.scss
new file mode 100644
index 0000000..3ca7168
--- /dev/null
+++ b/client/src/styles/mixin.scss
@@ -0,0 +1,28 @@
+@mixin clearfix {
+ &:after {
+ content: '';
+ display: table;
+ clear: both;
+ }
+}
+
+@mixin scrollBar {
+ &::-webkit-scrollbar-track-piece {
+ background: #d3dce6;
+ }
+
+ &::-webkit-scrollbar {
+ width: 6px;
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background: #99a9bf;
+ border-radius: 20px;
+ }
+}
+
+@mixin relative {
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
diff --git a/client/src/styles/navbar.scss b/client/src/styles/navbar.scss
new file mode 100644
index 0000000..a4af7eb
--- /dev/null
+++ b/client/src/styles/navbar.scss
@@ -0,0 +1,19 @@
+// 导航划过阴影
+.navbar-bg-hover {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 48px;
+ padding: 12px;
+ transition: all 0.3s;
+
+ &:hover {
+ background-color: #f6f6f6;
+ cursor: pointer;
+ transition: all 0.3s;
+ }
+
+ .svg-icon {
+ outline: none;
+ }
+}
diff --git a/client/src/styles/reset.scss b/client/src/styles/reset.scss
new file mode 100644
index 0000000..9ccb917
--- /dev/null
+++ b/client/src/styles/reset.scss
@@ -0,0 +1,61 @@
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+ // font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
+ // Microsoft YaHei, Arial, sans-serif;
+}
+
+#app {
+ height: 100%;
+}
+
+*,
+*:before,
+*:after {
+ box-sizing: inherit;
+ margin: 0;
+ padding: 0;
+}
+
+a:focus,
+a:active {
+ outline: none;
+}
+
+a,
+a:focus,
+a:hover {
+ cursor: pointer;
+ color: inherit;
+ text-decoration: none;
+}
+
+div:focus {
+ outline: none;
+}
+
+.clearfix {
+ &:after {
+ visibility: hidden;
+ display: block;
+ font-size: 0;
+ content: ' ';
+ clear: both;
+ height: 0;
+ }
+}
+
+div#driver-popover-item .driver-popover-title {
+ color: #1890ff;
+}
+div#driver-popover-item .driver-popover-footer .driver-next-btn {
+ background-color: #1890ff;
+ color: white;
+ text-shadow: none;
+ border-radius: 4px;
+}
diff --git a/client/src/styles/sidebar.scss b/client/src/styles/sidebar.scss
new file mode 100644
index 0000000..74840bd
--- /dev/null
+++ b/client/src/styles/sidebar.scss
@@ -0,0 +1,298 @@
+.main-container {
+ width: calc(100% - $sideBarWidth);
+ height: 100%;
+ position: fixed;
+ top: 0;
+ right: 0;
+ z-index: 9;
+ transition: all 0.28s;
+}
+
+// 重写菜单样式
+.sidebar-container {
+ transition: all 0.3s;
+ width: $sideBarWidth !important;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1001;
+ background-color: $menuBg;
+
+ .scrollbar-wrapper {
+ overflow-x: hidden !important;
+ }
+
+ .el-scrollbar__bar.is-vertical {
+ right: 0;
+ }
+
+ .el-scrollbar {
+ height: calc(100% - 92px);
+ }
+
+ &.has-logo {
+ .el-scrollbar.pc {
+ /* logo: 48px、leftCollapse: 40px、leftCollapse-shadow: 4px */
+ height: calc(100% - 92px);
+ }
+ .el-scrollbar.mobile {
+ height: 100%;
+ }
+ }
+
+ .is-horizontal {
+ display: none;
+ }
+
+ a {
+ display: inline-block;
+ display: flex;
+ padding-left: 10px;
+ flex-wrap: wrap;
+ width: 100%;
+ }
+
+ .el-menu {
+ border: none;
+ height: 100%;
+ background-color: transparent !important;
+ }
+
+ .el-menu-item,
+ .el-sub-menu__title {
+ height: 50px;
+ color: $menuText;
+ background-color: transparent !important;
+ padding-left: 18px !important;
+
+ &:hover {
+ color: $menuActiveText !important;
+
+ .svg-icon {
+ color: $menuActiveText;
+ transition: color 0.3s;
+ }
+ }
+
+ .svg-icon {
+ color: $menuText;
+ transition: color 0.3s;
+ }
+
+ div,
+ span {
+ height: 50px;
+ line-height: 50px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+
+ .svg-icon {
+ min-width: 1em;
+ margin-right: 5px;
+ }
+ }
+
+ .submenu-title-noDropdown,
+ .el-sub-menu__title {
+ &:hover {
+ background-color: transparent;
+ }
+ }
+
+ // 子级选中父级也跟着亮
+ .is-active > .el-sub-menu__title,
+ .is-active.submenu-title-noDropdown {
+ color: $menuActiveText !important;
+
+ i {
+ color: $menuActiveText !important;
+ }
+ }
+
+ .is-active {
+ transition: color 0.3s;
+ color: $menuActiveText !important;
+
+ .svg-icon {
+ color: $menuActiveText;
+ transition: color 0.3s;
+ }
+ }
+
+ // 子级菜单样式
+ .el-menu .el-sub-menu .el-menu-item {
+ font-size: 12px;
+ min-width: 100px !important;
+ background-color: $subMenuBg !important;
+
+ &.is-active {
+ background: $menuActiveBg !important;
+ color: $menuActiveText !important;
+ }
+ }
+
+ .el-menu .el-menu-item {
+ .el-menu-tooltip__trigger {
+ padding: 18px;
+ }
+ &.is-active {
+ background: $menuActiveBg !important;
+ }
+ }
+}
+
+// 菜单栏折叠时的宽度
+.el-menu--collapse {
+ width: $hideSideBarWidth;
+}
+
+// 折叠菜单时的样式
+.hideSidebar {
+ // 菜单栏容器
+ .sidebar-container {
+ transition: width 0.3s;
+ width: $hideSideBarWidth !important;
+
+ .el-sub-menu {
+ &.is-active {
+ transition: all 0.28s;
+ color: $menuActiveText !important;
+ position: relative;
+
+ &::after {
+ content: '';
+ height: 50px;
+ left: 2px;
+ position: absolute;
+ top: 0;
+ transition-delay: 0.28s !important;
+ width: 2px;
+ background-color: var(--el-color-primary) !important;
+ opacity: 1;
+ }
+
+ .svg-icon {
+ color: $menuActiveText;
+ transition: color 0.3s;
+ }
+ }
+ }
+ // 可折叠菜单
+ .el-sub-menu__title {
+ padding: 18px;
+ }
+
+ // 不可折叠菜单
+ .el-menu-item {
+ .el-menu-tooltip__trigger {
+ padding: 18px;
+ }
+ }
+ }
+
+ // 菜单的最外层
+ .el-menu--vertical {
+ width: $hideSideBarWidth !important;
+ transition: width 0.3s;
+ }
+
+ // 主要内容
+ .main-container {
+ width: calc(100% - $hideSideBarWidth);
+ }
+}
+
+// 展开时的菜单
+.el-menu--vertical {
+ width: $sideBarWidth !important;
+ transition: width 0.3s;
+ /* 子菜单中还有子菜单 */
+ .el-menu .el-sub-menu__title {
+ font-size: 12px;
+ background-color: $subMenuBg !important;
+ }
+}
+
+// 折叠时的菜单
+.el-menu--popup-container {
+ .el-menu {
+ background-color: $subMenuBg !important;
+ }
+
+ .el-menu-item,
+ .el-sub-menu__title {
+ height: 50px;
+ color: $menuText;
+ background-color: transparent !important;
+
+ &:hover {
+ color: $menuActiveText !important;
+
+ .svg-icon {
+ color: $menuActiveText;
+ transition: color 0.3s;
+ }
+ }
+
+ .svg-icon {
+ color: $menuText;
+ transition: color 0.3s;
+ }
+
+ div,
+ span {
+ height: 50px;
+ line-height: 50px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ }
+
+ .submenu-title-noDropdown,
+ .el-sub-menu__title {
+ &:hover {
+ background-color: transparent;
+ }
+ }
+
+ .is-active > .el-sub-menu__title,
+ .is-active.submenu-title-noDropdown {
+ color: $menuActiveText !important;
+
+ i {
+ color: $menuActiveText !important;
+ }
+ }
+
+ .el-menu .el-menu-item {
+ font-size: 12px !important;
+ min-width: 100px !important;
+ background-color: $subMenuBg !important;
+
+ &.is-active {
+ background: $menuHover !important;
+ }
+ }
+
+ .el-menu .el-menu-item {
+ &.is-active {
+ background: $menuHover !important;
+ }
+ }
+}
+
+// 修复折叠后闪烁的bug
+.is-active {
+ &::after {
+ content: '';
+ opacity: 1 !important;
+ }
+
+ .menu-icon {
+ transition: none !important;
+ color: #fff !important;
+ }
+}
diff --git a/client/src/styles/theme.scss b/client/src/styles/theme.scss
new file mode 100644
index 0000000..dbdc497
--- /dev/null
+++ b/client/src/styles/theme.scss
@@ -0,0 +1,15 @@
+// 卡片数字
+.large-card-font {
+ @apply font-semibold text-2xl;
+ color: rgb(41, 137, 255);
+}
+
+// 字体颜色
+.text-main {
+ color: #cecece;
+}
+
+// 默认边框颜色
+.border-main {
+ border: #cfcfcf solid 1px;
+}
diff --git a/client/src/styles/transition.scss b/client/src/styles/transition.scss
new file mode 100644
index 0000000..2cc15ce
--- /dev/null
+++ b/client/src/styles/transition.scss
@@ -0,0 +1,31 @@
+// 面包屑动画
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+ transition: all 0.5s;
+}
+
+.breadcrumb-enter-from,
+.breadcrumb-leave-active {
+ opacity: 0;
+ transform: translateX(20px);
+}
+
+.breadcrumb-leave-active {
+ position: absolute;
+}
+
+/* 页面切换过渡动画 */
+.fade-transform-leave-active,
+.fade-transform-enter-active {
+ transition: all 0.28s;
+}
+
+.fade-transform-enter-from {
+ opacity: 0;
+ transform: translateX(-30px);
+}
+
+.fade-transform-leave-to {
+ opacity: 0;
+ transform: translateX(30px);
+}
diff --git a/client/src/styles/variables.module.scss b/client/src/styles/variables.module.scss
new file mode 100644
index 0000000..9099d65
--- /dev/null
+++ b/client/src/styles/variables.module.scss
@@ -0,0 +1,24 @@
+// sidebar
+$menuText: #fefefea6;
+$menuActiveText: #fff;
+
+$menuBg: #031429;
+$menuActiveBg: #558df6;
+$menuHover: #558df6;
+
+$subMenuBg: #0e0303;
+$subHideMenuBg: #00061a;
+
+$sideBarWidth: 210px;
+$hideSideBarWidth: 54px;
+
+:export {
+ menuText: $menuText;
+ menuActiveText: $menuActiveText;
+ menuBg: $menuBg;
+ menuHover: $menuHover;
+ subMenuBg: $subMenuBg;
+ subHideMenuBg: $subHideMenuBg;
+ sideBarWidth: $sideBarWidth;
+ hideSideBarWidth: $hideSideBarWidth;
+}
diff --git a/client/src/styles/variables.module.scss.d.ts b/client/src/styles/variables.module.scss.d.ts
new file mode 100644
index 0000000..a4be38b
--- /dev/null
+++ b/client/src/styles/variables.module.scss.d.ts
@@ -0,0 +1,12 @@
+export interface IVariables {
+ menuText: string
+ menuActiveText: string
+ menuBg: string
+ menuHover: string
+ subMenuBg: string
+ subHideMenuBg: string
+ sideBarWidth: string
+ hideSideBarWidth: string
+}
+export const styles: IVariables
+export default styles
diff --git a/client/src/types/global.d.ts b/client/src/types/global.d.ts
new file mode 100644
index 0000000..e0636d7
--- /dev/null
+++ b/client/src/types/global.d.ts
@@ -0,0 +1,11 @@
+/** 文件类型 */
+declare module '*.svg'
+declare module '*.png'
+declare module '*.jpg'
+declare module '*.jpeg'
+declare module '*.gif'
+declare module '*.bmp'
+declare module '*.tiff'
+declare module '*.yaml'
+declare module '*.json'
+declare module 'vue-count-to'
diff --git a/client/src/types/vuex.d.ts b/client/src/types/vuex.d.ts
new file mode 100644
index 0000000..80d2f40
--- /dev/null
+++ b/client/src/types/vuex.d.ts
@@ -0,0 +1,12 @@
+// vuex.d.ts
+import { Store, Module } from 'vuex'
+import { type IStoreType } from './store/types'
+
+// 模块扩展
+// 模板内$store强类型支持
+declare module '@vue/runtime-core' {
+ // 为 `this.$store` 提供类型声明
+ interface ComponentCustomProperties {
+ $store: Store
+ }
+}
diff --git a/client/src/utils/commonUtil.ts b/client/src/utils/commonUtil.ts
new file mode 100644
index 0000000..8258bd6
--- /dev/null
+++ b/client/src/utils/commonUtil.ts
@@ -0,0 +1,74 @@
+// TODO 初始化Array
+export const initArray = (array: any) => {
+ return array ? array : [];
+};
+
+// TODO 将一个Array的某个字段所有的值全部添加到了一个Array
+export const arrayPushAllByFiled = (dataArray: any, pushArray: any, field: any) => {
+ // 初始化
+ dataArray = initArray(dataArray);
+ pushArray = initArray(pushArray);
+
+ // 法一
+ // for (const item of dataArray) {
+ // pushArray.push(item[field]);
+ // }
+ // return pushArray;
+
+ // 法二
+ return dataArray.map((item: any) => item[field]);
+};
+
+// TODO 将一个Array的数据全部添加到了一个Array
+export const arrayPushAllByObj = (dataArray: any, pushArray: any) => {
+ // 初始化
+ dataArray = initArray(dataArray);
+ pushArray = initArray(pushArray);
+
+ // push
+ pushArray.push(...dataArray);
+
+ return pushArray;
+};
+
+// TODO Array根据字段去重
+export const arrayDeduplicationByFiled = (array: any, field: string) => {
+ // 初始化
+ array = initArray(array);
+
+ // 去重 法一：该方法对编号进行去重返回的是[1,3,5]的编号数组
+ // const idArray = [...new Set(array.map((item: any) => item[field]))];
+ // 再使用for循环依次取出id对应数据即可
+
+ // 去重 法二
+ return array.reduce((newArray: any, thisObj: any) => {
+ // 检查当前对象的属性是否已经存在于新数组中
+ const exists = newArray.some((item: any) => thisObj[field] === item[field]);
+ // 如果属性不存在，则将当前对象添加到新数组中
+ if (!exists) {
+ newArray.push(thisObj);
+ }
+ return newArray;
+ }, []);
+};
+
+// TODO Array根据对象去重(适用于非对象数组)
+export const arrayDeduplicationByObj = (array: any) => {
+ // 初始化
+ array = initArray(array);
+
+ // 去重 法一：该方法对编号进行去重返回的是[1,3,5]的编号数组
+ // const idArray = [...new Set(array.map((item: any) => item))];
+ // 再使用for循环依次取出id对应数据即可
+
+ // 去重 法二
+ return array.reduce((newArray: any, thisObj: any) => {
+ // 检查当前对象的属性是否已经存在于新数组中
+ const exists = newArray.some((item: any) => thisObj === item);
+ // 如果属性不存在，则将当前对象添加到新数组中
+ if (!exists) {
+ newArray.push(thisObj);
+ }
+ return newArray;
+ }, []);
+};
diff --git a/client/src/utils/formRules.ts b/client/src/utils/formRules.ts
new file mode 100644
index 0000000..9953f35
--- /dev/null
+++ b/client/src/utils/formRules.ts
@@ -0,0 +1,117 @@
+// 电话规则
+import {
+ isNotEmail,
+ isNotIdNum,
+ isNotPhone,
+ isNotInteger,
+ isNotNumber
+} from "@/utils/is";
+
+// 电话规则
+export function phoneRule(rule: any, value: any, callback: any, field: string) {
+ const trim = value?.trim();
+ if (!trim) {
+ callback(new Error(field + "电话不能为空"));
+ } else if (isNotPhone(trim)) {
+ callback(new Error(field + "电话格式有误"));
+ } else {
+ callback();
+ }
+}
+
+// 邮箱规则
+export function emailRule(rule: any, value: any, callback: any, field: string) {
+ const trim = value?.trim();
+ if (!trim) {
+ callback(new Error(field + "邮箱不能为空"));
+ } else if (isNotEmail(trim)) {
+ callback(new Error(field + "邮箱格式有误"));
+ } else {
+ callback();
+ }
+}
+
+// 身份证号规则
+export function idNumRule(rule: any, value: any, callback: any, field: string) {
+ const trim = value?.trim();
+ if (!trim) {
+ callback(new Error(field + "身份证号不能为空"));
+ } else if (isNotIdNum(trim)) {
+ callback(new Error(field + "身份证号格式有误"));
+ } else {
+ callback();
+ }
+}
+
+// 字符串规则
+export function stringRule(
+ rule: any,
+ value: any,
+ callback: any,
+ field: string | number,
+ mixLen: number,
+ maxLen: number
+) {
+ const trim = value?.trim();
+ if (!trim) {
+ callback(new Error(field + "不能为空"));
+ } else if (trim.length < mixLen || trim.length > maxLen) {
+ callback(new Error(field + "长度应为" + mixLen + "~" + maxLen));
+ } else {
+ callback();
+ }
+}
+
+// 数字（整数/小数）规则
+export function numberRule(
+ rule: any,
+ value: any,
+ callback: any,
+ field: string,
+ mix: number,
+ max: number
+) {
+ if (!value) {
+ callback(new Error(field + "不能为空"));
+ } else {
+ const trim = value.toString()?.trim();
+ if (isNotNumber(trim)) {
+ callback(new Error(field + "格式有误"));
+ } else if (trim < mix || trim > max) {
+ callback(new Error(field + "应该在" + mix + "~" + max + "之间"));
+ } else {
+ callback();
+ }
+ }
+}
+
+// 整数规则
+export function integerRule(
+ rule: any,
+ value: any,
+ callback: any,
+ field: string,
+ mix: number,
+ max: number
+) {
+ if (!value) {
+ callback(new Error(field + "不能为空"));
+ } else {
+ const trim = value.toString()?.trim();
+ if (isNotInteger(trim)) {
+ callback(new Error(field + "格式有误"));
+ } else if (trim < mix || trim > max) {
+ callback(new Error(field + "应该在" + mix + "~" + max + "之间"));
+ } else {
+ callback();
+ }
+ }
+}
+
+// 日期规则
+export const disabledNowBeforeDate = (time: Date) => {
+ return time.getTime() < Date.now();
+};
+export const disabledNowAfterDate = (time: Date) => {
+ return time.getTime() > Date.now();
+};
diff --git a/client/src/utils/http/index.ts b/client/src/utils/http/index.ts
new file mode 100644
index 0000000..7aad11f
--- /dev/null
+++ b/client/src/utils/http/index.ts
@@ -0,0 +1,35 @@
+import store from "@/store";
+import baseAxios, { AxiosRequestConfig, AxiosResponse } from "axios";
+import { ElMessage } from "element-plus";
+
+export const baseUrl = "http://127.0.0.1:9001/";
+
+const axios = baseAxios.create({
+ baseURL: "",
+ timeout: 5000,
+ headers: {}
+});
+
+// 请求拦截器
+axios.interceptors.request.use((config: any) => {
+ const token = JSON.parse(localStorage.getItem("stateData")!)?.app?.token;
+ config.headers.token = token;
+ return config;
+});
+
+// 响应拦截器
+axios.interceptors.response.use(
+ (res: AxiosResponse) => {
+ if (res.data.code === 500 && res.data.msg === "令牌无效") {
+ store.dispatch("app/logout");
+ ElMessage.error({ message: "登录过期，请重新登录" });
+ }
+ if (res.data.err === 1) {
+ return Promise.reject(res.data);
+ }
+ return res.data;
+ },
+ err => Promise.reject(err) // 响应出问题
+);
+
+export default axios;
diff --git a/client/src/utils/index.ts b/client/src/utils/index.ts
new file mode 100644
index 0000000..0135629
--- /dev/null
+++ b/client/src/utils/index.ts
@@ -0,0 +1,3 @@
+import http from './http'
+
+export { http }
diff --git a/client/src/utils/is/index.ts b/client/src/utils/is/index.ts
new file mode 100644
index 0000000..3f4c3ff
--- /dev/null
+++ b/client/src/utils/is/index.ts
@@ -0,0 +1,174 @@
+const toString = Object.prototype.toString
+// 保留两位小数的实数校验规则
+const REGEXP_NUMBER = /^[+-]?(0|([1-9]\d*))(\.\d{1,2})?$/
+// 密码校验规则
+const REGEXP_EMAIL = /^[a-zA-Z0-9]+@[a-zA-Z0-9]+\.[a-zA-Z0-9]+$/
+// 手机号校验规则
+const REGEXP_PHONE = /^1[3456789]\d{9}$/
+// 身份证号校验规则
+const REGEXP_ID_NUM =
+ /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/
+
+/**
+ * @description: 判断值是否为账号（手机号/邮箱）
+ */
+export function isNotAccount(account: string) {
+ return !REGEXP_PHONE.test(account) && !REGEXP_EMAIL.test(account)
+}
+
+/**
+ * @description: 判断值是否为手机号
+ */
+export function isNotPhone(phone: string) {
+ return !REGEXP_PHONE.test(phone)
+}
+
+/**
+ * @description: 判断值是否为邮箱
+ */
+export function isNotEmail(email: string) {
+ return !REGEXP_EMAIL.test(email)
+}
+
+/**
+ * @description: 判断值是否为身份证号
+ */
+export function isNotIdNum(idNum: string) {
+ return !REGEXP_ID_NUM.test(idNum)
+}
+
+/**
+ * @description: 判断值是否为数字
+ */
+export function isNotNumber(num: string) {
+ return !REGEXP_NUMBER.test(num)
+}
+
+/**
+ * @description: 判断值是否为整数
+ */
+export function isNotInteger(num: number) {
+ return !Number.isInteger(Number(num))
+}
+
+/**
+ * @description: 判断值是否未某个类型
+ */
+export function is(val: unknown, type: string) {
+ return toString.call(val) === `[object ${type}]`
+}
+
+/**
+ * @description: 是否为函数
+ */
+export function isFunction void>(val: unknown): val is T {
+ return is(val, 'Function')
+}
+
+/**
+ * @description: 是否已定义
+ */
+export const isDef = (val?: T): val is T => {
+ return typeof val !== 'undefined'
+}
+
+export const isUnDef = (val?: T): val is T => {
+ return !isDef(val)
+}
+/**
+ * @description: 是否为对象
+ */
+export const isObject = (val: any): val is Record => {
+ return val !== null && is(val, 'Object')
+}
+
+/**
+ * @description: 是否为时间
+ */
+export function isDate(val: unknown): val is Date {
+ return is(val, 'Date')
+}
+
+/**
+ * @description: 是否为数值
+ */
+export function isNumber(val: unknown): val is number {
+ return is(val, 'Number')
+}
+
+/**
+ * @description: 是否为AsyncFunction
+ */
+export function isAsyncFunction(val: unknown): val is Promise {
+ return is(val, 'AsyncFunction')
+}
+
+/**
+ * @description: 是否为promise
+ */
+export function isPromise(val: unknown): val is Promise {
+ return (
+ is(val, 'Promise') &&
+ isObject(val) &&
+ isFunction(val.then) &&
+ isFunction(val.catch)
+ )
+}
+
+/**
+ * @description: 是否为字符串
+ */
+export function isString(val: unknown): val is string {
+ return is(val, 'String')
+}
+
+/**
+ * @description: 是否为boolean类型
+ */
+export function isBoolean(val: unknown): val is boolean {
+ return is(val, 'Boolean')
+}
+
+/**
+ * @description: 是否为数组
+ */
+export function isArray(val: any): val is Array {
+ return val && Array.isArray(val)
+}
+
+/**
+ * @description: 是否客户端
+ */
+export const isClient = () => {
+ return typeof window !== 'undefined'
+}
+
+/**
+ * @description: 是否为浏览器
+ */
+export const isWindow = (val: any): val is Window => {
+ return typeof window !== 'undefined' && is(val, 'Window')
+}
+
+export const isElement = (val: unknown): val is Element => {
+ return isObject(val) && !!val.tagName
+}
+
+export const isServer = typeof window === 'undefined'
+
+// 是否为图片节点
+export function isImageDom(o: Element) {
+ return o && ['IMAGE', 'IMG'].includes(o.tagName)
+}
+
+export function isNull(val: unknown): val is null {
+ return val === null
+}
+
+export function isNullAndUnDef(val: unknown): val is null | undefined {
+ return isUnDef(val) && isNull(val)
+}
+
+export function isNullOrUnDef(val: unknown): val is null | undefined {
+ return isUnDef(val) || isNull(val)
+}
diff --git a/client/src/utils/types.ts b/client/src/utils/types.ts
new file mode 100644
index 0000000..e69de29
diff --git a/client/src/utils/util.ts b/client/src/utils/util.ts
new file mode 100644
index 0000000..3714383
--- /dev/null
+++ b/client/src/utils/util.ts
@@ -0,0 +1,37 @@
+import { isArray } from './is'
+
+export function formatValue(callValue: any) {
+ // 如果当前值为数组,使用 / 拼接（根据需求自定义）
+ if (isArray(callValue)) return callValue.length ? callValue.join(' / ') : '--'
+ return callValue ?? '--'
+}
+
+export function handleRowAccordingToProp(
+ row: { [key: string]: any },
+ prop: string
+) {
+ if (!prop.includes('.')) return row[prop] ?? '--'
+ prop.split('.').forEach(item => (row = row[item] ?? '--'))
+ return row
+}
+
+export function handleProp(prop: string) {
+ const propArr = prop.split('.')
+ if (propArr.length == 1) return prop
+ return propArr[propArr.length - 1]
+}
+
+export function filterEnum(
+ callValue: any,
+ enumData: any[] | undefined,
+ fieldNames?: { label: string; value: string },
+ type?: 'tag'
+): string {
+ const value = fieldNames?.value ?? 'value'
+ const label = fieldNames?.label ?? 'label'
+ let filterData: { [key: string]: any } = {}
+ if (Array.isArray(enumData))
+ filterData = enumData.find((item: any) => item[value] === callValue)
+ if (type == 'tag') return filterData?.tagType ? filterData.tagType : ''
+ return filterData ? filterData[label] : '--'
+}
diff --git a/client/src/views/base/activity/index.vue b/client/src/views/base/activity/index.vue
new file mode 100644
index 0000000..37386f2
--- /dev/null
+++ b/client/src/views/base/activity/index.vue
@@ -0,0 +1,9 @@
+
+
+
activity
+
+
+
+
+
+
diff --git a/client/src/views/base/index.vue b/client/src/views/base/index.vue
new file mode 100644
index 0000000..cf9ed48
--- /dev/null
+++ b/client/src/views/base/index.vue
@@ -0,0 +1,7 @@
+
+
+
+
+
+
+
diff --git a/client/src/views/base/live/flat/dialog/bed.vue b/client/src/views/base/live/flat/dialog/bed.vue
new file mode 100644
index 0000000..f1736ed
--- /dev/null
+++ b/client/src/views/base/live/flat/dialog/bed.vue
@@ -0,0 +1,151 @@
+
+
+
+
+
+
diff --git a/client/src/views/base/live/flat/dialog/build.vue b/client/src/views/base/live/flat/dialog/build.vue
new file mode 100644
index 0000000..aed719d
--- /dev/null
+++ b/client/src/views/base/live/flat/dialog/build.vue
@@ -0,0 +1,161 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 新增节点
+
+
+ 编辑节点
+
+
+ 删除节点
+
+
+
+
+
+
+ 查看
+
+
+ 编辑
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+
+
+
+ 查看
+
+
+ 编辑
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+
+
+
+ 查看
+
+
+ 编辑
+
+
+
+ 删除
+
+
+
+
+
+
+
tag
+
+
+
+
+
+
diff --git a/client/src/views/charge/audit/auditDialog/index.vue b/client/src/views/charge/audit/auditDialog/index.vue
new file mode 100644
index 0000000..f382ae5
--- /dev/null
+++ b/client/src/views/charge/audit/auditDialog/index.vue
@@ -0,0 +1,222 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 审核
+
+
+
+
+
+
+
+
+
+
+
+ 账户充值
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
+
+
+
+ 新增分类
+
+
+ 编辑分类
+
+
+ 删除分类
+
+
+ 新增菜品
+
+
+
+
+
+
+ 查看
+
+
+ 编辑
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+
+
+
+ 送餐
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+
+
+
+ 查看
+
+
+ 编辑
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
cscc
+
+
+
+
+
+
diff --git a/client/src/views/home/index.vue b/client/src/views/home/index.vue
new file mode 100644
index 0000000..f1ce403
--- /dev/null
+++ b/client/src/views/home/index.vue
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/client/src/views/home/monthPerformance.vue b/client/src/views/home/monthPerformance.vue
new file mode 100644
index 0000000..435fab6
--- /dev/null
+++ b/client/src/views/home/monthPerformance.vue
@@ -0,0 +1,74 @@
+
+
+
+
+
咨询客户
+
+
+ {{ MonthPerformance?.consultClientNum }}
+
+
+ {{ MonthPerformance?.consultClientFloatRate }}%
+
+
+
+
+
+
签约合同
+
+
+ {{ MonthPerformance?.signContractNum }}
+
+
+ {{ MonthPerformance?.signContractFloatRate }}%
+
+
+
+
+
咨询转换率
+
+
+ {{ MonthPerformance?.consultConversionRate }}%
+
+
+ {{ MonthPerformance?.consultConversionFloatRate }}%
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/client/src/views/home/soldBed.vue b/client/src/views/home/soldBed.vue
new file mode 100644
index 0000000..102dc80
--- /dev/null
+++ b/client/src/views/home/soldBed.vue
@@ -0,0 +1,46 @@
+
+
+
+
+
+ {{ AvailableBed?.idleRoomNum }}
+
+
空闲房间
+
+
+
{{ AvailableBed?.idleBedNum }}
+
空闲床位
+
+
+
+
+
+
{{ overViewData?.todayAddConsultNum }}
+
+
+ 今日新增咨询
+
+
+
+
{{ overViewData?.todayAddReserveNum }}
+
+
+ 今日新增预定
+
+
+
+
{{ overViewData?.todayAddContractNum }}
+
+
+ 今日新增合同
+
+
+
+
{{ overViewData?.todayContractExpireNum }}
+
+
+ 合同到期提醒
+
+
+
+
{{ SaleFollow?.todayReturnVisitNum }}
+
今日应回访
+
+
+
+ {{ SaleFollow?.todayReturnedVisitNum }}
+
+
今日已回访
+
+
+
+ {{ SaleFollow?.todayReturnedVisitNum }}
+
+
待回访
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+
+
+
+ 查看
+
+
+ 编辑
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 搜索
+
+ 重置
+
+
+
+
+
+
+
+
+
+
+
+
+
![]()
+
+
+
老人姓名：{{ bed.elderName }}
+
老人性别：{{ bed.sex }}
+
老人年龄：{{ bed.age }}
+
房间名称：{{ bed.roomName }}
+
床位名称：{{ bed.name }}
+
床位状态：{{ bed.bedFlag }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 是
+ 否
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+
+
+
+ 查看
+
+
+ 编辑
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+
+
+
+ 查看
+
+
+ 延期返回
+
+
+
+ 登记返回
+
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+
+
+
+ 查看
+
+
+ 编辑
+
+
+
+ 登记离开
+
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
activity
+
+
+
+
+
+
diff --git a/client/src/views/people/index.vue b/client/src/views/people/index.vue
new file mode 100644
index 0000000..cf9ed48
--- /dev/null
+++ b/client/src/views/people/index.vue
@@ -0,0 +1,7 @@
+
+
+
+
+
+
+
diff --git a/client/src/views/people/old/index.vue b/client/src/views/people/old/index.vue
new file mode 100644
index 0000000..5acb3f2
--- /dev/null
+++ b/client/src/views/people/old/index.vue
@@ -0,0 +1,145 @@
+
+
+
+
+
+
+
+ 导出
+
+
+
+
+
+
+ 长者档案
+
+
+ 编辑
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 是
+ 否
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+
+
+
+ 查看
+
+
+ 编辑
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
enter
+
+
+
+
+
+
diff --git a/client/src/views/resource/index.vue b/client/src/views/resource/index.vue
new file mode 100644
index 0000000..cf9ed48
--- /dev/null
+++ b/client/src/views/resource/index.vue
@@ -0,0 +1,7 @@
+
+
+
+
+
+
+
diff --git a/client/src/views/resource/info/index.vue b/client/src/views/resource/info/index.vue
new file mode 100644
index 0000000..8934134
--- /dev/null
+++ b/client/src/views/resource/info/index.vue
@@ -0,0 +1,9 @@
+
+
+
info
+
+
+
+
+
+
diff --git a/client/src/views/resource/leave/index.vue b/client/src/views/resource/leave/index.vue
new file mode 100644
index 0000000..d7f34a5
--- /dev/null
+++ b/client/src/views/resource/leave/index.vue
@@ -0,0 +1,9 @@
+
+
+
leave
+
+
+
+
+
+
diff --git a/client/src/views/resource/search/index.vue b/client/src/views/resource/search/index.vue
new file mode 100644
index 0000000..85de7de
--- /dev/null
+++ b/client/src/views/resource/search/index.vue
@@ -0,0 +1,9 @@
+
+
+
search
+
+
+
+
+
+
diff --git a/client/src/views/resource/storage/index.vue b/client/src/views/resource/storage/index.vue
new file mode 100644
index 0000000..9e78f13
--- /dev/null
+++ b/client/src/views/resource/storage/index.vue
@@ -0,0 +1,9 @@
+
+
+
storage
+
+
+
+
+
+
diff --git a/client/src/views/sale/book/bookDialog/index.vue b/client/src/views/sale/book/bookDialog/index.vue
new file mode 100644
index 0000000..1651756
--- /dev/null
+++ b/client/src/views/sale/book/bookDialog/index.vue
@@ -0,0 +1,359 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+
+
+
+ 查看
+
+
+
+ 退款
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+
+
+ 查看
+
+
+ 编辑
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 新增
+ 设置客户标签
+ 添加回访计划
+
+
+
+ 查看
+ 编辑
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+
+
+
+ 执行
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+
+
+
+ 查看
+
+
+ 编辑
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
+
+
+
+ 新增分类
+
+
+ 编辑分类
+
+
+ 删除分类
+
+
+ 新增服务
+
+
+
+
+
+
+ 查看
+
+
+ 编辑
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+