sundongyu/dykj-college-back-office-management-system
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: sundongyu:2bf79cc7247ef3c8146ad53b9a42425ba3fc20e6
Branches Tags
sundongyu:dev
sundongyu:master
..
compare: sundongyu:b647880ea6a880322ec14ad660affb5e23c8f369
Branches Tags
sundongyu:dev
sundongyu:master

No commits in common. "2bf79cc7247ef3c8146ad53b9a42425ba3fc20e6" and "b647880ea6a880322ec14ad660affb5e23c8f369" have entirely different histories.
2bf79cc724 ... b647880ea6

12 changed files with 305 additions and 466 deletions
Show Stats Expand all files Collapse all files

44
src/components/scarchBox.vue
View File

@ -1,44 +0,0 @@
<template>
<t-row style="width: 100%">
<t-col :span="colNum">
<t-row :gutter="[24, 24]" style="margin-left: 0.3rem">
<slot name="scarchName"> </slot>
</t-row>
</t-col>
<t-col :span="btnNum" class="operation-container">
<t-form-item style="margin-right: 1rem">
<slot name="scarchBtn"> </slot>
</t-form-item>
</t-col>
</t-row>
</template>
<script setup>
import { number } from "echarts";
const { colNum, btnNum } = defineProps({
colNum: {
type: number,
default: 10,
},
btnNum: {
type: number,
default: 2,
},
});
</script>
<style scoped lang="less">
.operation-container {
display: flex;
justify-content: flex-end;
align-items: center;
.expand {
.t-button__text {
display: flex;
align-items: center;
}
}
}
</style>

131
src/pages/finance-bill-manage/billBreakage.vue
View File

@ -12,70 +12,55 @@
@reset="resetting" @reset="resetting"
@submit="headerQuery" @submit="headerQuery"
> >
<scarch-box :btnNum="4" :colNum="8"> <div style="margin-left: 1rem">
<template #scarchName> <t-form-item label="票据编号:" name="billserial">
<t-col :span="3"> <t-input v-model="formData.billserial" maxlength="10"></t-input>
<t-form-item label="票据编号:" name="billserial"> </t-form-item>
<t-input
class="form-item-content" <t-form-item label="报损日期:" name="breakDate">
v-model="formData.billserial" <t-date-picker v-model="formData.breakDate" clearable />
maxlength="10" </t-form-item>
></t-input> <t-form-item
</t-form-item> label="票据类型:"
</t-col> name="billType"
<t-col :span="3"> style="margin-bottom: 0.3rem"
<t-form-item label="报损日期:" name="breakDate"> >
<t-date-picker <t-select
class="form-item-content" v-model="formData.billType"
v-model="formData.breakDate" placeholder="请选择票据类型"
clearable clearable
/> >
</t-form-item> <t-option
</t-col> v-for="item in billType"
<t-col :span="3"> :key="item.value"
<t-form-item label="票据类型:" name="billType"> :value="item.value"
<t-select :label="item.label"
class="form-item-content" ></t-option>
v-model="formData.billType" </t-select>
placeholder="请选择票据类型" </t-form-item>
clearable <t-form-item
> label="报损状态:"
<t-option name="breakStatus"
v-for="item in billType" style="margin-bottom: 0.3rem"
:key="item.value" >
:value="item.value" <t-select
:label="item.label" v-model="formData.breakStatus"
></t-option> placeholder="请选择报损状态"
</t-select> clearable
</t-form-item> >
</t-col> <t-option
<t-col :span="3"> v-for="item in breakStatus"
<t-form-item :key="item.value"
label="报损状态:" :value="item.value"
name="breakStatus" :label="item.label"
style="margin-bottom: 0.3rem" ></t-option>
> </t-select>
<t-select </t-form-item>
class="form-item-content" </div>
v-model="formData.breakStatus" <t-form-item style="margin-right: 1rem">
placeholder="请选择报损状态" <t-button theme="primary" type="submit">查询</t-button>
clearable <t-button theme="default" type="reset">重置</t-button>
> </t-form-item>
<t-option
v-for="item in approvalStatus"
:key="item.value"
:value="item.value"
:label="item.label"
></t-option>
</t-select>
</t-form-item>
</t-col>
</template>
<template #scarchBtn>
<t-button theme="primary" type="submit">查询</t-button>
<t-button theme="default" type="reset">重置</t-button>
</template>
</scarch-box>
</t-form> </t-form>
</t-header> </t-header>
<t-content class="table-box"> <t-content class="table-box">
@ -98,7 +83,6 @@
</t-button> </t-button>
</div> </div>
</div> </div>
<t-base-table <t-base-table
hover hover
row-key="index" row-key="index"
@ -112,11 +96,11 @@
<template #breakNum="{ row }"> <template #breakNum="{ row }">
{{ `${row.breakNum}张` }} {{ `${row.breakNum}张` }}
</template> </template>
<!-- <template #billType="{ row }"> <template #billType="{ row }">
<div v-for="item in billType" :key="item"> <div v-for="item in billType" :key="item">
<span v-if="row.billType === item.value">{{ item.label }}</span> <span v-if="row.billType === item.value">{{ item.label }}</span>
</div> </div>
</template> --> </template>
<template #breakStatus="{ row }"> <template #breakStatus="{ row }">
<div v-for="item in breakStatus" :key="item"> <div v-for="item in breakStatus" :key="item">
<t-tag <t-tag
@ -276,7 +260,6 @@
</template> </template>
<script setup> <script setup>
import scarchBox from "@/components/scarchBox.vue";
import { ref, onMounted } from "vue"; import { ref, onMounted } from "vue";
import { MessagePlugin } from "tdesign-vue-next"; import { MessagePlugin } from "tdesign-vue-next";
import { AddIcon, LoadIcon } from "tdesign-icons-vue-next"; import { AddIcon, LoadIcon } from "tdesign-icons-vue-next";
@ -307,19 +290,12 @@ const columns = ref([
title: "票据类型", title: "票据类型",
align: "center", align: "center",
width: "100", width: "100",
cell: (h, { row }) => {
const type = billType.value.find((type) => type.value === row.billType);
return type ? type.label : "未知";
},
}, },
{ {
colKey: "breakNum", colKey: "breakNum",
title: "报损数量", title: "报损数量",
align: "center", align: "center",
width: "100", width: "100",
cell: (h, { row }) => {
return row.breakNum + "张１２３";
},
}, },
{ {
colKey: "breakDate", colKey: "breakDate",
@ -374,9 +350,8 @@ const breakStatus = ref([
// 获取票据列表 // 获取票据列表
const tableList = async () => { const tableList = async () => {
loading.value = true; loading.value = true;
data.value = tableData.value = await breakageList.getBreakageList(); tableData.value = await breakageList.getBreakageList();
data.value = await breakageList.getBreakageList();
// data.value = await breakageList.getBreakageList();
pagination.value.total = tableData.value.length; pagination.value.total = tableData.value.length;
const timerId = setTimeout(() => { const timerId = setTimeout(() => {
loading.value = false; loading.value = false;

114
src/pages/finance-bill-manage/billCancel.vue
View File

@ -12,70 +12,55 @@
@reset="resetting" @reset="resetting"
@submit="headerQuery" @submit="headerQuery"
> >
<scarch-box :btnNum="4" :colNum="8"> <div style="margin-left: 1rem">
<template #scarchName> <t-form-item label="票据编号:" name="billserial">
<t-col :span="3"> <t-input v-model="scarchData.billserial" maxlength="10"></t-input>
<t-form-item label="票据编号:" name="billserial"> </t-form-item>
<t-input
class="form-item-content" <t-form-item label="退库日期:" name="appleDate">
v-model="scarchData.billserial" <t-date-picker v-model="scarchData.appleDate" clearable />
maxlength="10" </t-form-item>
></t-input> <t-form-item
</t-form-item> label="票据类型:"
</t-col> name="billType"
<t-col :span="3"> style="margin-bottom: 0.3rem"
<t-form-item label="退库日期:" name="appleDate"> >
<t-date-picker <t-select
class="form-item-content" v-model="scarchData.billType"
v-model="scarchData.appleDate" placeholder="请选择票据类型"
clearable clearable
/> >
</t-form-item> <t-option
</t-col> v-for="item in billType"
<t-col :span="3"> :key="item.value"
<t-form-item label="票据类型:" name="billType"> :value="item.value"
<t-select :label="item.label"
class="form-item-content" ></t-option>
v-model="scarchData.billType" </t-select>
placeholder="请选择票据类型" </t-form-item>
clearable <t-form-item
> label="审批状态:"
<t-option name="approvalStatus"
v-for="item in billType" style="margin-bottom: 0.3rem"
:key="item.value" >
:value="item.value" <t-select
:label="item.label" v-model="scarchData.approvalStatus"
></t-option> placeholder="请选择审批状态"
</t-select> clearable
</t-form-item> >
</t-col> <t-option
<t-col :span="3"> v-for="item in approvalStatus"
<t-form-item :key="item.value"
label="审批状态:" :value="item.value"
name="approvalStatus" :label="item.label"
style="margin-bottom: 0.3rem" ></t-option>
> </t-select>
<t-select </t-form-item>
class="form-item-content" </div>
v-model="scarchData.approvalStatus" <t-form-item style="margin-right: 1rem">
placeholder="请选择审批状态" <t-button theme="primary" type="submit">查询</t-button>
clearable <t-button theme="default" type="reset">重置</t-button>
> </t-form-item>
<t-option
v-for="item in approvalStatus"
:key="item.value"
:value="item.value"
:label="item.label"
></t-option>
</t-select>
</t-form-item>
</t-col>
</template>
<template #scarchBtn>
<t-button theme="primary" type="submit">查询</t-button>
<t-button theme="default" type="reset">重置</t-button>
</template>
</scarch-box>
</t-form> </t-form>
</t-header> </t-header>
<t-content class="table-box"> <t-content class="table-box">
@ -208,7 +193,6 @@
</template> </template>
<script setup> <script setup>
import scarchBox from "@/components/scarchBox.vue";
import { ref, onMounted } from "vue"; import { ref, onMounted } from "vue";
import { MessagePlugin } from "tdesign-vue-next"; import { MessagePlugin } from "tdesign-vue-next";
import { LoadIcon } from "tdesign-icons-vue-next"; import { LoadIcon } from "tdesign-icons-vue-next";

77
src/pages/finance-bill-manage/billDestroy.vue
View File

@ -8,53 +8,41 @@
label-width="calc(2em + 40px)" label-width="calc(2em + 40px)"
layout="inline" layout="inline"
scroll-to-first-error="smooth" scroll-to-first-error="smooth"
class="scarch-from form-responsive" class="scarch-from"
@reset="resetting" @reset="resetting"
@submit="headerQuery" @submit="headerQuery"
> >
<scarch-box :btnNum="4" :colNum="8"> <div style="margin-left: 1rem">
<template #scarchName> <t-form-item label="票据编号:" name="billserial">
<t-col :span="3"> <t-input v-model="formData.billserial" maxlength="10"></t-input>
<t-form-item label="票据编号:" name="billserial"> </t-form-item>
<t-input
v-model="formData.billserial" <t-form-item label="报损日期:" name="breakDate">
class="form-item-content" <t-date-picker v-model="formData.breakDate" clearable />
maxlength="10" </t-form-item>
></t-input> <t-form-item
</t-form-item> label="票据类型:"
</t-col> name="billType"
<t-col :span="3"> style="margin-bottom: 0.3rem"
<t-form-item label="报损日期:" name="breakDate"> >
<t-date-picker <t-select
v-model="formData.breakDate" v-model="formData.billType"
class="form-item-content" placeholder="请选择票据类型"
clearable clearable
/> >
</t-form-item> <t-option
</t-col> v-for="item in billType"
<t-col :span="3"> :key="item.value"
<t-form-item label="票据类型:" name="billType"> :value="item.value"
<t-select :label="item.label"
v-model="formData.billType" ></t-option>
placeholder="请选择票据类型" </t-select>
class="form-item-content" </t-form-item>
clearable </div>
> <t-form-item style="margin-right: 1rem">
<t-option <t-button theme="primary" type="submit">查询</t-button>
v-for="item in billType" <t-button theme="default" type="reset">重置</t-button>
:key="item.value" </t-form-item>
:value="item.value"
:label="item.label"
></t-option>
</t-select>
</t-form-item>
</t-col>
</template>
<template #scarchBtn>
<t-button theme="primary" type="submit">查询</t-button>
<t-button theme="default" type="reset">重置</t-button>
</template>
</scarch-box>
</t-form> </t-form>
</t-header> </t-header>
<t-content class="table-box"> <t-content class="table-box">
@ -167,7 +155,6 @@
</template> </template>
<script setup> <script setup>
import scarchBox from "@/components/scarchBox.vue";
import { ref, onMounted } from "vue"; import { ref, onMounted } from "vue";
import { MessagePlugin } from "tdesign-vue-next"; import { MessagePlugin } from "tdesign-vue-next";
import { AddIcon, LoadIcon } from "tdesign-icons-vue-next"; import { AddIcon, LoadIcon } from "tdesign-icons-vue-next";

75
src/pages/finance-bill-manage/billDraw.vue
View File

@ -12,49 +12,37 @@
@reset="resetting" @reset="resetting"
@submit="headerQuery" @submit="headerQuery"
> >
<scarch-box :btnNum="4" :colNum="8"> <div style="margin-left: 1rem">
<template #scarchName> <t-form-item label="票据编号:" name="billserial">
<t-col :span="3"> <t-input v-model="formData.billserial" maxlength="10"></t-input>
<t-form-item label="票据编号:" name="billserial"> </t-form-item>
<t-input
v-model="formData.billserial" <t-form-item label="入库日期:" name="stockDate">
class="form-item-content" <t-date-picker v-model="formData.stockDate" clearable />
maxlength="10" </t-form-item>
></t-input> <t-form-item
</t-form-item> label="票据类型:"
</t-col> name="billType"
<t-col :span="3"> style="margin-bottom: 0.3rem"
<t-form-item label="入库日期:" name="stockDate"> >
<t-date-picker <t-select
v-model="formData.stockDate" v-model="formData.billType"
class="form-item-content" placeholder="请选择票据类型"
clearable clearable
/> >
</t-form-item> <t-option
</t-col> v-for="item in billType"
<t-col :span="3"> :key="item.value"
<t-form-item label="票据类型:" name="billType"> :value="item.value"
<t-select :label="item.label"
v-model="formData.billType" ></t-option>
placeholder="请选择票据类型" </t-select>
class="form-item-content" </t-form-item>
clearable </div>
> <t-form-item style="margin-right: 1rem">
<t-option <t-button theme="primary" type="submit">查询</t-button>
v-for="item in billType" <t-button theme="primary" type="reset">重置</t-button>
:key="item.value" </t-form-item>
:value="item.value"
:label="item.label"
></t-option>
</t-select>
</t-form-item>
</t-col>
</template>
<template #scarchBtn>
<t-button theme="primary" type="submit">查询</t-button>
<t-button theme="default" type="reset">重置</t-button>
</template>
</scarch-box>
</t-form> </t-form>
</t-header> </t-header>
<t-content class="table-box"> <t-content class="table-box">
@ -107,7 +95,6 @@
</template> </template>
<script setup> <script setup>
import scarchBox from "@/components/scarchBox.vue";
import { ref, onMounted } from "vue"; import { ref, onMounted } from "vue";
import { MessagePlugin } from "tdesign-vue-next"; import { MessagePlugin } from "tdesign-vue-next";
import { LoadIcon } from "tdesign-icons-vue-next"; import { LoadIcon } from "tdesign-icons-vue-next";

82
src/pages/finance-bill-manage/billQuitneck.vue
View File

@ -31,53 +31,40 @@
@reset="resetting" @reset="resetting"
@submit="headerQuery" @submit="headerQuery"
> >
<scarch-box :btnNum="2" :colNum="10"> <div style="margin-left: 1rem; margin-top: 1px">
<template #scarchName> <t-form-item label="票据编号:" name="billserial">
<t-col :span="3"> <t-input
<t-form-item label="票据编号:" name="billserial"> v-model="scarchData.billserial"
<t-input maxlength="10"
class="form-item-content" ></t-input>
v-model="scarchData.billserial" </t-form-item>
maxlength="10"
></t-input> <t-form-item label="退领时间:" name="quitneckDate">
</t-form-item> <t-date-picker v-model="scarchData.quitneckDate" clearable />
</t-col> </t-form-item>
<t-col :span="3"> <t-form-item
<t-form-item label="领用时间:" name="quitneckDate"> label="票据类型:"
<t-date-picker name="billType"
class="form-item-content" style="margin-bottom: 0.3rem"
v-model="scarchData.quitneckDate" >
clearable <t-select
/> v-model="scarchData.billType"
</t-form-item> placeholder="请选择票据类型"
</t-col> clearable
<t-col :span="3"> >
<t-form-item <t-option
label="票据类型:" v-for="item in billType"
name="billType" :key="item.value"
style="margin-bottom: 0.3rem" :value="item.value"
> :label="item.label"
<t-select ></t-option>
class="form-item-content" </t-select>
v-model="scarchData.billType" </t-form-item>
placeholder="请选择票据类型" </div>
clearable <t-form-item style="margin-right: 1rem">
> <t-button theme="primary" type="submit">查询</t-button>
<t-option <t-button theme="default" type="reset">重置</t-button>
v-for="item in billType" </t-form-item>
:key="item.value"
:value="item.value"
:label="item.label"
></t-option>
</t-select>
</t-form-item>
</t-col>
</template>
<template #scarchBtn>
<t-button theme="primary" type="submit">查询</t-button>
<t-button theme="default" type="reset">重置</t-button>
</template>
</scarch-box>
</t-form> </t-form>
</t-header> </t-header>
<t-content class="table-box"> <t-content class="table-box">
@ -128,7 +115,6 @@
</template> </template>
<script setup> <script setup>
import scarchBox from "@/components/scarchBox.vue";
import { ref, onMounted, nextTick } from "vue"; import { ref, onMounted, nextTick } from "vue";
import { MessagePlugin } from "tdesign-vue-next"; import { MessagePlugin } from "tdesign-vue-next";
import { LoadIcon } from "tdesign-icons-vue-next"; import { LoadIcon } from "tdesign-icons-vue-next";

84
src/pages/finance-bill-manage/billReceipt.vue
View File

@ -28,53 +28,40 @@
@reset="resetting" @reset="resetting"
@submit="headerQuery" @submit="headerQuery"
> >
<scarch-box :btnNum="2" :colNum="10"> <div style="margin-left: 1rem; margin-top: 1px">
<template #scarchName> <t-form-item label="票据编号:" name="billserial">
<t-col :span="3"> <t-input
<t-form-item label="票据编号:" name="billserial"> v-model="scarchData.billserial"
<t-input maxlength="10"
class="form-item-content" ></t-input>
v-model="scarchData.billserial" </t-form-item>
maxlength="10"
></t-input> <t-form-item label="领用时间:" name="receiptDate">
</t-form-item> <t-date-picker v-model="scarchData.receiptDate" clearable />
</t-col> </t-form-item>
<t-col :span="3"> <t-form-item
<t-form-item label="领用时间:" name="receiptDate"> label="票据类型:"
<t-date-picker name="billType"
class="form-item-content" style="margin-bottom: 0.3rem"
v-model="scarchData.receiptDate" >
clearable <t-select
/> v-model="scarchData.billType"
</t-form-item> placeholder="请选择票据类型"
</t-col> clearable
<t-col :span="3"> >
<t-form-item <t-option
label="票据类型:" v-for="item in billType"
name="billType" :key="item.value"
style="margin-bottom: 0.3rem" :value="item.value"
> :label="item.label"
<t-select ></t-option>
class="form-item-content" </t-select>
v-model="scarchData.billType" </t-form-item>
placeholder="请选择票据类型" </div>
clearable <t-form-item style="margin-right: 1rem">
> <t-button theme="primary" type="submit">查询</t-button>
<t-option <t-button theme="default" type="reset">重置</t-button>
v-for="item in billType" </t-form-item>
:key="item.value"
:value="item.value"
:label="item.label"
></t-option>
</t-select>
</t-form-item>
</t-col>
</template>
<template #scarchBtn>
<t-button theme="primary" type="submit">查询</t-button>
<t-button theme="default" type="reset">重置</t-button>
</template>
</scarch-box>
</t-form> </t-form>
</t-header> </t-header>
<t-content class="table-box"> <t-content class="table-box">
@ -198,7 +185,6 @@
</template> </template>
<script setup> <script setup>
import scarchBox from "@/components/scarchBox.vue";
import { ref, onMounted, nextTick } from "vue"; import { ref, onMounted, nextTick } from "vue";
import { MessagePlugin } from "tdesign-vue-next"; import { MessagePlugin } from "tdesign-vue-next";
import { LoadIcon } from "tdesign-icons-vue-next"; import { LoadIcon } from "tdesign-icons-vue-next";
@ -461,9 +447,9 @@ onMounted(async () => {
background-color: @base-white-color; background-color: @base-white-color;
margin-bottom: 2rem; margin-bottom: 2rem;
.scarch-from { .scarch-from {
width: 100%;
height: 60px; height: 60px;
display: flex; display: flex;
justify-content: space-between;
align-items: center; align-items: center;
} }
} }

78
src/pages/finance-bill-manage/billStock.vue
View File

@ -12,49 +12,37 @@
@reset="resetting" @reset="resetting"
@submit="headerQuery" @submit="headerQuery"
> >
<scarch-box :btnNum="4" :colNum="8"> <div style="margin-left: 1rem">
<template #scarchName> <t-form-item label="票据编号:" name="billserial">
<t-col :span="3"> <t-input v-model="formData.billserial" maxlength="10"></t-input>
<t-form-item label="票据编号:" name="billserial"> </t-form-item>
<t-input
v-model="formData.billserial" <t-form-item label="入库日期:" name="stockDate">
class="form-item-content" <t-date-picker v-model="formData.stockDate" clearable />
maxlength="10" </t-form-item>
></t-input> <t-form-item
</t-form-item> label="票据类型:"
</t-col> name="billType"
<t-col :span="3"> style="margin-bottom: 0.3rem"
<t-form-item label="入库日期:" name="stockDate"> >
<t-date-picker <t-select
v-model="formData.stockDate" v-model="formData.billType"
class="form-item-content" placeholder="请选择票据类型"
clearable clearable
/> >
</t-form-item> <t-option
</t-col> v-for="item in billType"
<t-col :span="3"> :key="item.value"
<t-form-item label="票据类型:" name="billType"> :value="item.value"
<t-select :label="item.label"
v-model="formData.billType" ></t-option>
placeholder="请选择票据类型" </t-select>
class="form-item-content" </t-form-item>
clearable </div>
> <t-form-item style="margin-right: 1rem">
<t-option <t-button theme="primary" type="submit">查询</t-button>
v-for="item in billType" <t-button theme="default" type="reset">重置</t-button>
:key="item.value" </t-form-item>
:value="item.value"
:label="item.label"
></t-option>
</t-select>
</t-form-item>
</t-col>
</template>
<template #scarchBtn>
<t-button theme="primary" type="submit">查询</t-button>
<t-button theme="default" type="reset">重置</t-button>
</template>
</scarch-box>
</t-form> </t-form>
</t-header> </t-header>
<t-content class="table-box"> <t-content class="table-box">
@ -229,7 +217,6 @@
</template> </template>
<script setup> <script setup>
import scarchBox from "@/components/scarchBox.vue";
import { ref, onMounted } from "vue"; import { ref, onMounted } from "vue";
import { MessagePlugin } from "tdesign-vue-next"; import { MessagePlugin } from "tdesign-vue-next";
import { AddIcon, LoadIcon } from "tdesign-icons-vue-next"; import { AddIcon, LoadIcon } from "tdesign-icons-vue-next";
@ -469,9 +456,9 @@ onMounted(() => {
background-color: @base-white-color; background-color: @base-white-color;
margin-bottom: 2rem; margin-bottom: 2rem;
.scarch-from { .scarch-from {
width: 100%;
height: 60px; height: 60px;
display: flex; display: flex;
justify-content: space-between;
align-items: center; align-items: center;
} }
} }
@ -487,7 +474,6 @@ onMounted(() => {
align-items: center; align-items: center;
} }
} }
:deep(.t-form__controls-content) { :deep(.t-form__controls-content) {
justify-content: space-between; justify-content: space-between;
} }

53
src/pages/finance-bill-manage/detailReport.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="back-color"> <div class="back-color" style="overflow-y: hidden">
<t-layout style="height: 90%; background-color: #f5f7fb"> <t-layout style="height: 100%; background-color: #f5f7fb">
<t-header class="scarch-box"> <t-header class="scarch-box">
<t-form <t-form
ref="form" ref="form"
@ -12,22 +12,15 @@
@reset="resetting" @reset="resetting"
@submit="headerQuery" @submit="headerQuery"
> >
<scarch-box :btnNum="4" :colNum="8"> <div style="margin-left: 1rem">
<template #scarchName> <t-form-item label="部门:" name="branch">
<t-col :span="3" style="padding-left: 0"> <t-input v-model="scarchData.branch"></t-input>
<t-form-item label="部门:" name="branch"> </t-form-item>
<t-input </div>
v-model="scarchData.branch" <t-form-item style="margin-right: 1rem">
class="form-item-content" <t-button theme="primary" type="submit">查询</t-button>
></t-input> <t-button theme="default" type="reset">重置</t-button>
</t-form-item> </t-form-item>
</t-col>
</template>
<template #scarchBtn>
<t-button theme="primary" type="submit">查询</t-button>
<t-button theme="default" type="reset">重置</t-button>
</template>
</scarch-box>
</t-form> </t-form>
</t-header> </t-header>
<t-content class="table-box"> <t-content class="table-box">
@ -69,7 +62,6 @@
</template> </template>
<script setup> <script setup>
import scarchBox from "@/components/scarchBox.vue";
import { ref, onMounted } from "vue"; import { ref, onMounted } from "vue";
import { MessagePlugin } from "tdesign-vue-next"; import { MessagePlugin } from "tdesign-vue-next";
import { LoadIcon } from "tdesign-icons-vue-next"; import { LoadIcon } from "tdesign-icons-vue-next";
@ -217,14 +209,20 @@ onMounted(() => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
.asideTree {
margin-right: 2rem;
display: flex;
justify-content: center;
padding: 1rem;
}
.scarch-box { .scarch-box {
width: 100%; width: 100%;
background-color: @base-white-color; background-color: @base-white-color;
margin-bottom: 2rem; margin-bottom: 2rem;
.scarch-from { .scarch-from {
width: 100%;
height: 60px; height: 60px;
display: flex; display: flex;
justify-content: space-between;
align-items: center; align-items: center;
} }
} }
@ -240,6 +238,21 @@ onMounted(() => {
align-items: center; align-items: center;
} }
} }
.layoutPage {
height: 100%;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
span {
font-size: 20px;
font-weight: 800;
color: #191919;
}
}
:deep(.t-tree--transition .t-tree__label) {
width: 10rem;
}
:deep(.t-form__controls-content) { :deep(.t-form__controls-content) {
justify-content: space-between; justify-content: space-between;
} }

25
src/pages/home/components/homeFooter.vue
View File

@ -16,30 +16,17 @@ import lineChart from "@/components/echarts/line.vue";
import { ref } from "vue"; import { ref } from "vue";
const title = ref("折线图"); const title = ref("折线图");
const categories = ref([ const categories = ref(["Jan", "Feb", "Mar", "Apr", "May", "Jun"]);
"一月", const legendList = ref(["series1", "series2"]);
"二月",
"三月",
"四月",
"五月",
"六月",
"七月",
"八月",
"九月",
"十月",
"十一月",
"十二月",
]);
const legendList = ref(["服务一", "服务二"]);
const seriesData = ref([ const seriesData = ref([
{ {
name: "服务一", name: "series1",
data: [10, 20, 15, 20, 25, 30, 15, 22, 18, 28, 25, 32], data: [10, 20, 15, 20, 25, 30],
type: "line", type: "line",
}, // 第一个系列的数据 }, // 第一个系列的数据
{ {
name: "服务二", name: "series2",
data: [15, 22, 18, 28, 25, 32, 10, 20, 15, 20, 25, 30], data: [15, 22, 18, 28, 25, 32],
type: "line", type: "line",
}, // 第二个系列的数据 }, // 第二个系列的数据
]); ]);

3
src/style/index.css
View File

@ -206,6 +206,3 @@ a:active {
.t-is-disabled .t-button__text { .t-is-disabled .t-button__text {
color: #d3d3d3 !important; color: #d3d3d3 !important;
} }
.form-item-width {
width: 100%;
}

5
src/style/index.less
View File

@ -52,9 +52,4 @@ a:active {
// 禁用的颜色 // 禁用的颜色
.t-is-disabled .t-button__text{ .t-is-disabled .t-button__text{
color: #d3d3d3 !important; color: #d3d3d3 !important;
}
// 查询框宽度
.form-item-width {
width: 100%;
} }