Merge branch 'dev' of https://gitea.dykj.co/sundongyu/dykj-college-back-office-management-system into dev
This commit is contained in:
commit
550a598d45
|
@ -1,84 +1,19 @@
|
|||
<template>
|
||||
<div class="box">
|
||||
<t-menu
|
||||
v-model:expanded="expanded"
|
||||
theme="light"
|
||||
default-value="3-2"
|
||||
expand-mutex
|
||||
:collapsed="collapsed"
|
||||
>
|
||||
<t-submenu value="3">
|
||||
<t-menu>
|
||||
<t-submenu value="1" title="财务票据管理">
|
||||
<template #icon>
|
||||
<t-icon name="mail" />
|
||||
<t-icon name="application" />
|
||||
</template>
|
||||
<template #title>
|
||||
<span>应收款管理</span>
|
||||
</template>
|
||||
<route-link to="/accounts">
|
||||
<t-menu-item value="3-1-1">应收款管理</t-menu-item>
|
||||
</route-link>
|
||||
<!-- <t-submenu value="3-1" title="二级菜单">
|
||||
<t-menu-item value="3-1-2"> 三级菜单内容 </t-menu-item>
|
||||
<t-menu-item value="3-1-3"> 三级菜单内容 </t-menu-item>
|
||||
</t-submenu>
|
||||
<t-submenu value="3-5" title="二级菜单">
|
||||
<t-menu-item value="3-5-1"> 三级菜单内容 </t-menu-item>
|
||||
<t-menu-item value="3-5-2"> 三级菜单内容 </t-menu-item>
|
||||
<t-menu-item value="3-5-3"> 三级菜单内容 </t-menu-item>
|
||||
</t-submenu>
|
||||
<t-menu-item value="3-2"> 二级菜单内容 </t-menu-item>
|
||||
<t-menu-item value="3-3"> 二级菜单内容 </t-menu-item>
|
||||
<t-menu-item value="3-4"> 二级菜单内容 </t-menu-item> -->
|
||||
</t-submenu>
|
||||
<t-menu-item value="user-circle">
|
||||
<template #icon>
|
||||
<t-icon name="user-circle" />
|
||||
</template>
|
||||
个人中心
|
||||
<t-menu-item value="1-1" to="/Bill/BillStock">
|
||||
<span>菜单二</span>
|
||||
</t-menu-item>
|
||||
<t-submenu value="4">
|
||||
<template #icon>
|
||||
<t-icon name="play-circle" />
|
||||
</template>
|
||||
<template #title>
|
||||
<span>视频区</span>
|
||||
</template>
|
||||
<t-menu-item value="4-1"> 二级菜单内容 </t-menu-item>
|
||||
<t-menu-item value="4-2"> 二级菜单内容 </t-menu-item>
|
||||
<t-menu-item value="4-3"> 二级菜单内容 </t-menu-item>
|
||||
</t-submenu>
|
||||
<t-menu-item value="edit1">
|
||||
<template #icon>
|
||||
<t-icon name="edit-1" />
|
||||
</template>
|
||||
资源编辑
|
||||
</t-menu-item>
|
||||
<template #operations>
|
||||
<t-button variant="text" shape="square" @click="changeCollapsed">
|
||||
<template #icon><t-icon name="view-list" /></template>
|
||||
</t-button>
|
||||
</template>
|
||||
</t-menu>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue'
|
||||
|
||||
const collapsed = ref(false)
|
||||
const collapsed2 = ref(false)
|
||||
|
||||
const changeCollapsed = () => {
|
||||
collapsed.value = !collapsed.value
|
||||
}
|
||||
|
||||
const changeCollapsed2 = () => {
|
||||
collapsed2.value = !collapsed2.value
|
||||
}
|
||||
|
||||
const expanded = ref(['2', '3'])
|
||||
const expanded2 = ref(['2'])
|
||||
</script>
|
||||
<script setup></script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.t-demo-collapse-btn {
|
||||
|
|
|
@ -14,9 +14,9 @@
|
|||
</t-layout>
|
||||
</template>
|
||||
<script setup>
|
||||
import LHeader from './components/LayoutHeader.vue'
|
||||
import LAside from './components/LayoutAside.vue'
|
||||
import LContent from './components/LayoutContent.vue'
|
||||
import LHeader from "./components/LayoutHeader.vue";
|
||||
import LAside from "./components/LayoutAside.vue";
|
||||
import LContent from "./components/LayoutContent.vue";
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
|
|
55
src/pages/finance-bill-manage/billStock.vue
Normal file
55
src/pages/finance-bill-manage/billStock.vue
Normal file
|
@ -0,0 +1,55 @@
|
|||
<template>
|
||||
<div class="back-color">
|
||||
<div class="scarch-box">
|
||||
<t-form
|
||||
ref="form"
|
||||
:data="formData"
|
||||
label-width="calc(2em + 24px)"
|
||||
:layout="formData.layout"
|
||||
scroll-to-first-error="smooth"
|
||||
@reset="onReset"
|
||||
@submit="onSubmit"
|
||||
>
|
||||
<t-form-item label="名字" name="name">
|
||||
<t-input v-model="formData.name"></t-input>
|
||||
</t-form-item>
|
||||
|
||||
<t-form-item label="密码" name="password">
|
||||
<t-input v-model="formData.password" type="password"></t-input>
|
||||
</t-form-item>
|
||||
</t-form>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { reactive } from "vue";
|
||||
import { MessagePlugin } from "tdesign-vue-next";
|
||||
|
||||
const formData = reactive({
|
||||
layout: "inline",
|
||||
name: "",
|
||||
password: "",
|
||||
});
|
||||
|
||||
const onReset = () => {
|
||||
MessagePlugin.success("重置成功");
|
||||
};
|
||||
|
||||
const onSubmit = ({ validateResult, firstError }) => {
|
||||
if (validateResult === true) {
|
||||
MessagePlugin.success("提交成功");
|
||||
} else {
|
||||
console.log("Validate Errors: ", firstError, validateResult);
|
||||
MessagePlugin.warning(firstError);
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.scarch-box {
|
||||
width: 100%;
|
||||
height: 10%;
|
||||
background-color: @base-white-color;
|
||||
}
|
||||
</style>
|
|
@ -1,24 +1,27 @@
|
|||
import { createRouter, createWebHistory } from "vue-router";
|
||||
import Layout from "@/layout/index.vue"
|
||||
import FinanceBillManage from "./modules/financeBillManage";
|
||||
|
||||
import Layout from "@/layout/index.vue";
|
||||
const router = createRouter({
|
||||
history: createWebHistory(import.meta.env.BASE_URL),
|
||||
routes: [
|
||||
{
|
||||
path: "/",
|
||||
redirect: "/accounts",
|
||||
meta: { title: '应收款管理', name: 'accounts' },
|
||||
meta: { title: "应收款管理", name: "accounts" },
|
||||
component: Layout,
|
||||
children: [
|
||||
{
|
||||
path: '/accounts',
|
||||
name: 'Accounts',
|
||||
component: () => import('@/pages/index.vue'),
|
||||
path: "/accounts",
|
||||
name: "Accounts",
|
||||
component: () => import("@/pages/index.vue"),
|
||||
meta: {
|
||||
title: '应收款管理'
|
||||
}
|
||||
}
|
||||
]
|
||||
title: "应收款管理",
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
...FinanceBillManage,
|
||||
],
|
||||
});
|
||||
|
||||
|
|
23
src/router/modules/financeBillManage.js
Normal file
23
src/router/modules/financeBillManage.js
Normal file
|
@ -0,0 +1,23 @@
|
|||
import Layout from "@/layout/index.vue";
|
||||
import BillManage from "@/pages/finance-bill-manage/billStock.vue";
|
||||
|
||||
const financeBillManage = [
|
||||
{
|
||||
path: "/Bill",
|
||||
name: "bill",
|
||||
component: Layout,
|
||||
meta: { title: "票据管理", name: "resource" },
|
||||
children: [
|
||||
{
|
||||
path: "BillStock",
|
||||
name: "billStock",
|
||||
component: BillManage,
|
||||
meta: {
|
||||
title: "票据上传",
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
export default financeBillManage;
|
|
@ -186,7 +186,7 @@ pre {
|
|||
.back-color {
|
||||
background-color: #f5f7fb;
|
||||
padding: 16px 24px;
|
||||
height: calc(95vh - 64px);
|
||||
height: calc(100vh - 128px);
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue
Block a user