fix : 修复分摊/资金详情页面移动端适配

This commit is contained in:
2024-06-24 13:39:30 +08:00
parent 6f320a47bb
commit 36c5b04dbc
3 changed files with 357 additions and 2 deletions

View File

@@ -1,4 +1,5 @@
<template>
<baseTitle title="费用分摊详情"></baseTitle>
<el-form :model="formData" ref="form" class="query-form" label-width="auto">
<el-row>
<el-col :span="24">
@@ -15,10 +16,10 @@
</el-form>
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
<el-tab-pane label="分摊明细" name="first">
<expense-detail/>
<expense-detail-mobile/>
</el-tab-pane>
<el-tab-pane label="分摊汇总" name="second" v-loading="loading">
<allocation-summary-detail/>
<allocation-summary-detail-mobile/>
</el-tab-pane>
</el-tabs>
<div v-if="shareData.taskId">
@@ -62,6 +63,8 @@ import {ElNotification} from "element-plus";
import {useProcessStore} from '@/stores/processStore.js';
import {getAllocationDetail} from "@/api/expense-manage";
import OpinionMoblie from "./OpinionMoblie.vue";
import AllocationSummaryDetailMobile from "./AllocationSummaryDetailMobile.vue";
import ExpenseDetailMobile from "./ExpenseDetailMobile.vue";
const changeDiagram = ref(false)
const processStore = useProcessStore()