Compare commits
2 Commits
1d84332a35
...
f0fc0ae310
Author | SHA1 | Date | |
---|---|---|---|
|
f0fc0ae310 | ||
|
42318ebaca |
|
@ -14,9 +14,9 @@
|
||||||
</t-layout>
|
</t-layout>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import LHeader from './components/LayoutHeader.vue'
|
import LHeader from "./components/LayoutHeader.vue";
|
||||||
import LAside from './components/LayoutAside.vue'
|
import LAside from "./components/LayoutAside.vue";
|
||||||
import LContent from './components/LayoutContent.vue'
|
import LContent from "./components/LayoutContent.vue";
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped></style>
|
<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 { 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({
|
const router = createRouter({
|
||||||
history: createWebHistory(import.meta.env.BASE_URL),
|
history: createWebHistory(import.meta.env.BASE_URL),
|
||||||
routes: [
|
routes: [
|
||||||
{
|
{
|
||||||
path: "/",
|
path: "/",
|
||||||
redirect: "/accounts",
|
redirect: "/accounts",
|
||||||
meta: { title: '应收款管理', name: 'accounts' },
|
meta: { title: "应收款管理", name: "accounts" },
|
||||||
component: Layout,
|
component: Layout,
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
path: '/accounts',
|
path: "/accounts",
|
||||||
name: 'Accounts',
|
name: "Accounts",
|
||||||
component: () => import('@/pages/index.vue'),
|
component: () => import("@/pages/index.vue"),
|
||||||
meta: {
|
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 lauout from "@/layout/index.vue";
|
||||||
|
import BillManage from "@/pages/finance-bill-manage/billStock.vue";
|
||||||
|
|
||||||
|
const financeBillManage = [
|
||||||
|
{
|
||||||
|
path: "/Bill",
|
||||||
|
name: "bill",
|
||||||
|
component: BillManage,
|
||||||
|
// meta: { title: "票据管理", name: "resource" },
|
||||||
|
// children: [
|
||||||
|
// {
|
||||||
|
// path: "BillStock",
|
||||||
|
// name: "billStock",
|
||||||
|
// component: BillManage,
|
||||||
|
// meta: {
|
||||||
|
// title: "票据上传",
|
||||||
|
// },
|
||||||
|
// },
|
||||||
|
// ],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
export default financeBillManage;
|
|
@ -186,7 +186,7 @@ pre {
|
||||||
.back-color {
|
.back-color {
|
||||||
background-color: #f5f7fb;
|
background-color: #f5f7fb;
|
||||||
padding: 16px 24px;
|
padding: 16px 24px;
|
||||||
height: calc(95vh - 64px);
|
height: calc(100vh - 64px);
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user