diff --git a/.env.development b/.env.development
index d905b86..b59befd 100644
--- a/.env.development
+++ b/.env.development
@@ -5,7 +5,7 @@ VITE_APP_TITLE = 煤科建管平台
 VITE_APP_ENV = 'development'
 
 # 开发环境
-VITE_APP_BASE_API = 'http://192.168.110.209:8899'
+VITE_APP_BASE_API = 'http://192.168.110.180:8899'
 
 # 无人机接口地址
 
diff --git a/package.json b/package.json
index 7053b13..67291cb 100644
--- a/package.json
+++ b/package.json
@@ -34,6 +34,7 @@
     "diagram-js": "12.3.0",
     "didi": "9.0.2",
     "echarts": "5.5.0",
+    "echarts-gl": "^2.0.9",
     "element-plus": "2.8.8",
     "esbuild": "^0.25.0",
     "ezuikit-js": "^8.1.10",
diff --git a/src/api/tender/index.ts b/src/api/tender/index.ts
new file mode 100644
index 0000000..65a71a6
--- /dev/null
+++ b/src/api/tender/index.ts
@@ -0,0 +1,93 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+
+//获取版本
+export const obtainAllVersionNumbers = (query: any): AxiosPromise<any> => {
+  return request({
+    url: '/tender/tenderPlanLimitList/obtainAllVersionNumbers',
+    method: 'get',
+    params: query
+  });
+};
+//获取sheet
+export const sheetList = (query: any): AxiosPromise<any> => {
+  return request({
+    url: '/tender/tenderPlanLimitList/sheetList',
+    method: 'get',
+    params: query
+  });
+};
+//获取表格数据
+export const getTableList = (query: any): AxiosPromise<any> => {
+  return request({
+    url: '/tender/tenderPlanLimitList/list',
+    method: 'get',
+    params: query
+  });
+};
+//修改单价数据
+export const updatePrice = (query: any): AxiosPromise<any> => {
+  return request({
+    url: '/tender/tenderPlanLimitList',
+    method: 'put',
+    data: query
+  });
+};
+//导入
+export const importExcelFile = (query: any, data: any): AxiosPromise<any> => {
+  return request({
+    url: '/tender/tenderPlanLimitList/importExcelFile',
+    method: 'post',
+    params: query,
+    data
+  });
+};
+
+//招标计划列表
+
+export const tenderPlanList = (query: any): AxiosPromise<any> => {
+  return request({
+    url: '/tender/biddingPlan/list',
+    method: 'get',
+    params: query
+  });
+};
+//新增招标计划
+export const addTenderPlan = (query: any): AxiosPromise<any> => {
+  return request({
+    url: '/tender/biddingPlan',
+    method: 'post',
+    data: query
+  });
+};
+//删除招标计划
+export const delTenderPlan = (query: any): AxiosPromise<any> => {
+  return request({
+    url: '/tender/biddingPlan/' + query.ids,
+    method: 'delete'
+  });
+};
+//修改招标计划
+export const updateTenderPlan = (query: any): AxiosPromise<any> => {
+  return request({
+    url: '/tender/biddingPlan',
+    method: 'put',
+    data: query
+  });
+};
+//弹窗数据
+export const treeList = (query: any): AxiosPromise<any> => {
+  return request({
+    url: '/tender/tenderPlanLimitList/getTree',
+    method: 'get',
+    params: query
+  });
+};
+//获取招标计划详情
+export const getTenderPlanDetail = (query: any): AxiosPromise<any> => {
+  return request({
+    url: '/tender/biddingPlan/getMore',
+    method: 'get',
+    params: query
+  });
+};
diff --git a/src/assets/large/down.png b/src/assets/large/down.png
new file mode 100644
index 0000000..bd2f400
Binary files /dev/null and b/src/assets/large/down.png differ
diff --git a/src/assets/large/title_bottom.png b/src/assets/large/title_bottom.png
new file mode 100644
index 0000000..156eef8
Binary files /dev/null and b/src/assets/large/title_bottom.png differ
diff --git a/src/assets/large/title_icon.png b/src/assets/large/title_icon.png
new file mode 100644
index 0000000..caa02d9
Binary files /dev/null and b/src/assets/large/title_icon.png differ
diff --git a/src/assets/large/top1.png b/src/assets/large/top1.png
new file mode 100644
index 0000000..a5b8268
Binary files /dev/null and b/src/assets/large/top1.png differ
diff --git a/src/assets/large/top2.png b/src/assets/large/top2.png
new file mode 100644
index 0000000..9334e6d
Binary files /dev/null and b/src/assets/large/top2.png differ
diff --git a/src/assets/large/top3.png b/src/assets/large/top3.png
new file mode 100644
index 0000000..4a67e61
Binary files /dev/null and b/src/assets/large/top3.png differ
diff --git a/src/assets/large/top4.png b/src/assets/large/top4.png
new file mode 100644
index 0000000..1cbe562
Binary files /dev/null and b/src/assets/large/top4.png differ
diff --git a/src/assets/large/up.png b/src/assets/large/up.png
new file mode 100644
index 0000000..6cabc10
Binary files /dev/null and b/src/assets/large/up.png differ
diff --git a/src/components/EchartBox/index.vue b/src/components/EchartBox/index.vue
new file mode 100644
index 0000000..1725eac
--- /dev/null
+++ b/src/components/EchartBox/index.vue
@@ -0,0 +1,169 @@
+<template>
+  <div ref="echartBox" class="echarts"></div>
+</template>
+
+<script setup lang="ts">
+import china from '@/assets/china.json';
+import cq from '@/assets/cq.json';
+import { ref, onMounted, watchEffect, onBeforeUnmount } from 'vue';
+import * as echarts from 'echarts/core';
+import {
+  BarChart, // 柱状图
+  // 系列类型的定义后缀都为 SeriesOption
+  BarSeriesOption,
+  LineChart, // 折线图
+  LineSeriesOption,
+  PieChart, // 饼图
+  PieSeriesOption,
+  PictorialBarChart,
+  MapChart,
+  ScatterChart,
+  EffectScatterChart,
+  LinesChart
+} from 'echarts/charts';
+import {
+  // 组件类型的定义后缀都为 ComponentOption
+  // 标题
+  TitleComponent,
+  TitleComponentOption,
+  // 提示框
+  TooltipComponent,
+  TooltipComponentOption,
+  // 直角坐标系
+  GridComponent,
+  GridComponentOption,
+  // 图例
+  LegendComponent,
+  LegendComponentOption,
+  // 数据集组件
+  DatasetComponent,
+  DatasetComponentOption,
+  // 内置数据转换器组件 (filter, sort)
+  TransformComponent,
+  DataZoomComponent,
+  DataZoomComponentOption,
+  // 极坐标
+  PolarComponent,
+  PolarComponentOption,
+  MarkLineComponentOption,
+  MarkLineComponent,
+  // MarkPoint
+  MarkPointComponent,
+  MarkPointComponentOption,
+  // VisualMap
+  VisualMapComponent,
+  VisualMapComponentOption,
+  // GeoComponent
+  GeoComponent,
+  GeoComponentOption
+} from 'echarts/components';
+import { LabelLayout, UniversalTransition } from 'echarts/features';
+import { CanvasRenderer } from 'echarts/renderers';
+import 'echarts-gl';
+
+// 通过 ComposeOption 来组合出一个只有必须组件和图表的 Option 类型
+type ECOption = echarts.ComposeOption<
+  | BarSeriesOption
+  | LineSeriesOption
+  | PieSeriesOption
+  | TitleComponentOption
+  | TooltipComponentOption
+  | GridComponentOption
+  | DatasetComponentOption
+  | LegendComponentOption
+  | DataZoomComponentOption
+  | PolarComponentOption
+  | MarkLineComponentOption
+  | MarkPointComponentOption
+  | VisualMapComponentOption
+  | GeoComponentOption
+>;
+
+// 注册必须的组件
+echarts.use([
+  TitleComponent,
+  TooltipComponent,
+  GridComponent,
+  DatasetComponent,
+  TransformComponent,
+  LegendComponent,
+  DataZoomComponent,
+  PolarComponent,
+  MarkLineComponent,
+  MarkPointComponent,
+  LabelLayout,
+  UniversalTransition,
+  CanvasRenderer,
+  BarChart,
+  LineChart,
+  PieChart,
+  VisualMapComponent,
+  PictorialBarChart,
+  GeoComponent,
+  MapChart,
+  ScatterChart,
+  EffectScatterChart,
+  LinesChart
+]);
+const props = defineProps({
+  option: {
+    type: Object,
+    default: () => {
+      return null;
+    }
+  }
+});
+const emit = defineEmits(['echartsEvent']);
+const echartBox = ref(null);
+let chart!: echarts.ECharts;
+
+const setChart = (option: ECOption): void => {
+  if (!props.option || !echartBox.value) {
+    return;
+  }
+  chart.resize();
+  chart.setOption(option);
+};
+
+const resetChart = (): void => {
+  const option = chart.getOption();
+  if (!option || !echartBox.value) {
+    return;
+  }
+  chart.resize();
+};
+
+onMounted(() => {
+  (echarts as any).registerMap('china', { geoJSON: china });
+  (echarts as any).registerMap('cq', { geoJSON: cq });
+  chart = echarts.init(echartBox.value as any);
+
+  emit('echartsEvent', chart);
+  setChart(props.option);
+  // 界面拉伸后重设
+  window.addEventListener('resize', () => {
+    resetChart();
+  });
+});
+
+watchEffect(() => {
+  if (chart) {
+    chart.clear();
+  }
+  setChart(props.option);
+});
+
+onBeforeUnmount(() => {
+  if (chart) {
+    chart.dispose();
+  }
+});
+</script>
+
+<style scoped lang="scss">
+.echarts {
+  width: 100%;
+  height: 100%;
+  pointer-events: all;
+}
+</style>
diff --git a/src/views/contract/division/index.vue b/src/views/contract/division/index.vue
index d5ae5b2..bb6c8d0 100644
--- a/src/views/contract/division/index.vue
+++ b/src/views/contract/division/index.vue
@@ -463,7 +463,16 @@ const getDetails = (row: any) => {
     }
   });
 };
-
+//监听项目id刷新数据
+const listeningProject = watch(
+  () => currentProject.value?.id,
+  (nid, oid) => {
+    getTabsList();
+  }
+);
+onUnmounted(() => {
+  listeningProject();
+});
 onMounted(() => {
   getTabsList();
 });
diff --git a/src/views/contract/limitPrice/index.vue b/src/views/contract/limitPrice/index.vue
index 8f5b608..21233d1 100644
--- a/src/views/contract/limitPrice/index.vue
+++ b/src/views/contract/limitPrice/index.vue
@@ -3,11 +3,11 @@
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
       <el-card shadow="always">
         <el-form :model="queryForm" :inline="true">
-          <!-- <el-form-item label="版本号" prop="versions">
+          <el-form-item label="版本号" prop="versions">
             <el-select v-model="queryForm.versions" placeholder="选择版本号" @change="changeVersions">
               <el-option v-for="item in options" :key="item" :label="item" :value="item" />
             </el-select>
-          </el-form-item> -->
+          </el-form-item>
           <el-form-item label="表名" prop="sheet">
             <el-select v-model="queryForm.sheet" placeholder="选择表名" @change="changeSheet">
               <el-option v-for="item in sheets" :key="item" :label="item" :value="item" />
@@ -100,6 +100,7 @@ const getVersionNums = async () => {
   try {
     const params = {
       projectId: currentProject.value?.id,
+      workOrderType: '1',
       pageSize: 1000,
       pageNum: 1
     };
@@ -140,8 +141,8 @@ const changeSheet = () => {
 const getSheetName = async () => {
   try {
     const params = {
-      projectId: currentProject.value?.id
-      // versions: queryForm.value.versions
+      projectId: currentProject.value?.id,
+      versions: queryForm.value.versions
     };
     const res = await sheetList(params);
     if (res.code == 200) {
@@ -268,8 +269,8 @@ onUnmounted(() => {
   listeningProject();
 });
 onMounted(() => {
-  // getVersionNums();
-  getSheetName();
+  getVersionNums();
+  // getSheetName();
 });
 </script>
 
diff --git a/src/views/largeScreen/components/ProgressComponent.vue b/src/views/largeScreen/components/ProgressComponent.vue
new file mode 100644
index 0000000..da1b86c
--- /dev/null
+++ b/src/views/largeScreen/components/ProgressComponent.vue
@@ -0,0 +1,121 @@
+<template>
+    <div class="progress_component">
+        <div class="title">
+            <span class="progress_title">{{ title }}</span>
+            <span :class="percentageClass" class="roboto">{{ percentageChange }}</span>
+        </div>
+        <div class="roboto" v-if="isShowPrice">
+            <span>{{ value }}</span>
+            <span>{{ unit }}</span>
+        </div>
+        <div class="my_el_progress">
+            <el-progress :percentage="progressPercentage" :color="progressColor" :show-text="false" />
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { defineProps, computed } from 'vue';
+
+// 定义组件属性
+const props = defineProps({
+    // 标题文本
+    title: {
+        type: String,
+        required: true,
+        default: '指标名称'
+    },
+    // 数值
+    value: {
+        type: String,
+        required: true,
+        default: '0.00'
+    },
+    // 单位
+    unit: {
+        type: String,
+        default: '万元'
+    },
+    // 百分比变化值（如：-327.55%）
+    percentageChange: {
+        type: String,
+        required: true,
+        default: '0.00%'
+    },
+    // 进度条百分比
+    progressPercentage: {
+        type: Number,
+        required: true,
+        default: 0
+    },
+    // 进度条颜色，默认红色
+    progressColor: {
+        type: String,
+        default: 'rgba(255, 77, 79, 1)'
+    },
+    // 是否显示价格
+    isShowPrice: {
+        type: Boolean,
+        default: true
+    }
+});
+
+// 计算百分比变化的样式类（红色或绿色）
+const percentageClass = computed(() => {
+    // 检查变化值是否为正数
+    const isPositive = props.percentageChange.startsWith('+') ||
+        (!props.percentageChange.startsWith('-') && props.percentageChange !== '0.00%');
+    return isPositive ? 'green' : 'red';
+});
+</script>
+
+<style lang="scss" scoped>
+.progress_component {
+    width: 100%;
+    height: 100%;
+    margin-bottom: 10px;
+
+    :deep(.el-progress-bar__outer) {
+        background-color: transparent;
+    }
+
+    :deep(.el-progress-bar__inner),
+    :deep(.el-progress-bar__outer) {
+        border-radius: unset;
+    }
+
+    .my_el_progress {
+        margin-top: 15px;
+        padding: 10px;
+        box-sizing: border-box;
+        border: 1px solid rgba(255, 255, 255, 0.2);
+    }
+
+    .title {
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 10px;
+        font-size: 12px;
+    }
+
+    .progress_title {
+        color: rgba(143, 171, 191, 1);
+        font-size: 12px;
+        font-family: SourceHanSansCN-Regular;
+        font-weight: 400;
+    }
+
+    .roboto {
+        font-family: Roboto-Regular;
+        font-weight: 400;
+    }
+
+    .red {
+        color: rgba(255, 77, 79, 1);
+    }
+
+    .green {
+        color: rgba(0, 227, 150, 1);
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/largeScreen/components/RevenueContractCard.vue b/src/views/largeScreen/components/RevenueContractCard.vue
new file mode 100644
index 0000000..14154dc
--- /dev/null
+++ b/src/views/largeScreen/components/RevenueContractCard.vue
@@ -0,0 +1,167 @@
+<template>
+  <div class="stat-card" :style="customStyles">
+    <!-- 标题区域 -->
+    <div class="stat-card__title">{{ title }}</div>
+    
+    <!-- 数值区域 -->
+    <div class="stat-card__value-container">
+      <span class="stat-card__value">{{ formattedValue }}</span>
+      <span class="stat-card__unit">{{ unit }}</span>
+    </div>
+    
+    <!-- 底部信息区域 -->
+    <div class="stat-card__footer">
+      <div class="stat-card__trend">
+        <img 
+          class="stat-card__trend-icon" 
+          :src="'/src/assets/large/' + trendIcon+'.png'" 
+          :alt="trendDirection === 'up' ? '上升' : '下降'"
+        >
+        <span class="stat-card__trend-text">{{ trendText }}</span>
+      </div>
+      <img 
+        class="stat-card__badge" 
+        :src="'/src/assets/large/'+badgeIcon+'.png'" 
+        alt="徽章图标"
+      >
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue';
+
+// 定义组件属性
+const props = defineProps({
+  // 卡片标题
+  title: {
+    type: String,
+    default: '收入合同'
+  },
+  // 数值
+  value: {
+    type: Number,
+    default: 205805.17
+  },
+  // 单位
+  unit: {
+    type: String,
+    default: '万元'
+  },
+  // 增长率
+  growthRate: {
+    type: Number,
+    default: 3.2
+  },
+  // 增长对比周期
+  period: {
+    type: String,
+    default: '较上月'
+  },
+  // 趋势方向 (up/down)
+  trendDirection: {
+    type: String,
+    default: 'up',
+    validator: (value) => ['up', 'down'].includes(value)
+  },
+  // 趋势图标
+  trendIcon: {
+    type: String,
+    default: 'up'
+  },
+  // 徽章图标
+  badgeIcon: {
+    type: String,
+    default: 'top1'
+  },
+  // 卡片自定义样式
+  customStyles: {
+    type: Object,
+    default: () => ({})
+  }
+});
+
+// 格式化数值为带千分位的字符串
+const formattedValue = computed(() => {
+  return props.value.toLocaleString('zh-CN', {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  });
+});
+
+// 生成趋势文本
+const trendText = computed(() => {
+  return `${props.growthRate}% ${props.period}`;
+});
+</script>
+
+<style lang="scss" scoped>
+.stat-card {
+  width: 225px;
+  height: 147px;
+  background-color: rgba(29, 214, 255, 0.1);
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 20px;
+  box-sizing: border-box;
+  border: 1px solid rgba(29, 214, 255, 0.1);
+  border-radius: 4px; // 增加轻微圆角，提升视觉效果
+  
+  &__title {
+    font-size: 14px;
+    color: #8FABBF;
+    line-height: 20px;
+  }
+  
+  &__value-container {
+    display: flex;
+    align-items: baseline;
+  }
+  
+  &__value {
+    font-size: 24px;
+    color: #fff;
+    line-height: 30px;
+    margin-right: 5px;
+    font-weight: bold;
+  }
+  
+  &__unit {
+    color: #8FABBF;
+    font-size: 14px;
+  }
+  
+  &__footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  
+  &__trend {
+    display: flex;
+    align-items: center;
+  }
+  
+  &__trend-icon {
+    width: 12px;
+    height: 12px;
+    margin-right: 4px;
+  }
+  
+  &__trend-text {
+    font-size: 14px;
+    color: #8FABBF;
+  }
+  
+  &__badge {
+    width: 40px;
+    height: 40px;
+  }
+}
+
+// 为下降趋势添加不同颜色
+:deep(.stat-card__trend-text) {
+  color: v-bind('trendDirection === "up" ? "#8FABBF" : "#ff4d4f"');
+}
+</style>
diff --git a/src/views/largeScreen/components/TitleComponent.vue b/src/views/largeScreen/components/TitleComponent.vue
new file mode 100644
index 0000000..46ed988
--- /dev/null
+++ b/src/views/largeScreen/components/TitleComponent.vue
@@ -0,0 +1,56 @@
+<template>
+    <div class="large_title">
+        <div class="title">
+            <img class="title_icon" src="@/assets/large/title_icon.png" alt=""></img>
+            <div class="title_text">{{ title }}</div>
+        </div>
+        <img class="title_bottom" src="@/assets/large/title_bottom.png" alt="">
+    </div>
+</template>
+
+<script setup>
+import { defineProps } from 'vue';
+
+// 定义组件属性，使组件可配置
+const props = defineProps({
+    // 标题文本
+    title: {
+        type: String,
+        required: true,
+        default: '标题'
+    },
+})
+</script>
+
+<style lang="scss">
+.large_title {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    .title {
+        display: flex;
+        margin-bottom: 15px;
+    }
+
+    .title_icon {
+        width: 10px;
+        height: 24px;
+        margin-right: 15px;
+    }
+
+    .title_text {
+        font-size: 24px;
+        font-family: Rang_men_zheng_title;
+        font-weight: 400;
+        color: rgba(226, 235, 241, 1);
+    }
+
+    .title_bottom {
+        width: 100%;
+        height: 5px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/largeScreen/components/bottomboxconpoent.vue b/src/views/largeScreen/components/bottomboxconpoent.vue
new file mode 100644
index 0000000..6735331
--- /dev/null
+++ b/src/views/largeScreen/components/bottomboxconpoent.vue
@@ -0,0 +1,45 @@
+<template>
+    <div class="bottom_box">
+        <div class="bottom_box_title">收入合同</div>
+        <div>
+            <span class="bottom_box_number">205,805.17</span>
+            <span>万元</span>
+        </div>
+        <div class="bottom_box_bottom">
+            <el-progress :percentage="50" color="rgba(255, 147, 42, 1)" />
+        </div>
+        <div class="bottom_box_text">
+            成本率
+        </div>
+    </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss">
+.bottom_box {
+    width: 225px;
+    height: 147px;
+    height: 100%;
+    padding: 10px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+
+    .bottom_box_title,
+    .bottom_box_text {
+      color: rgba(143, 171, 191, 1);
+      font-size: 14px;
+      line-height: 20px;
+    }
+
+    .bottom_box_number {
+      font-size: 24px;
+      color: #fff;
+      line-height: 30px;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/src/views/largeScreen/components/centerPage.vue b/src/views/largeScreen/components/centerPage.vue
index d250de8..aee49f0 100644
--- a/src/views/largeScreen/components/centerPage.vue
+++ b/src/views/largeScreen/components/centerPage.vue
@@ -1,8 +1,55 @@
 <template>
   <div class="centerPage">
+    <div>
+      <div style="height: 147px;width: 100%;display: flex;justify-content: space-between;">
+        <!-- <div class="top_box">
+          <div class="top_box_title">收入合同</div>
+          <div>
+            <span class="top_box_number">205,805.17</span>
+            <span>万元</span>
+          </div>
+          <div class="top_box_bottom">
+            <div>
+              <img class="up_img" src="@/assets/large/up.png" alt=""></img>
+              <span class="top_box_title"> 3.2% 较上月</span>
+            </div>
+            <img class="top_img" src="@/assets/large/top1.png" alt=""></img>
+          </div>
+        </div> -->
+        <RevenueContractCard title="收入合同" :value="156234.89" :growthRate="-1.5" trendDirection="up" trendIcon="up"
+          badgeIcon="top1" period="较上月" />
+        <RevenueContractCard title="支出合同" :value="156234.89" :growthRate="-1.5" trendDirection="up" trendIcon="up"
+          badgeIcon="top2" period="较上月" />
+        <RevenueContractCard title="合同利润" :value="156234.89" :growthRate="-1.5" trendDirection="up" trendIcon="down"
+          badgeIcon="top3" period="较上月" />
+        <RevenueContractCard title="工程变更" :value="156234.89" :growthRate="-1.5" trendDirection="up" trendIcon="up"
+          badgeIcon="top4" period="较上月" />
+      </div>
+    </div>
     <div class="centerPage_map">
       <div ref="mapRef" class="map-container" style="width: 100%; height: 100%" />
     </div>
+    <div>
+      <div style="height: 147px;width: 100%;display: flex;justify-content: space-between;">
+        <!-- <div class="bottom_box">
+          <div class="bottom_box_title">收入合同</div>
+          <div>
+            <span class="bottom_box_number">205,805.17</span>
+            <span>万元</span>
+          </div>
+          <div class="bottom_box_bottom">
+            <el-progress :percentage="50" color="rgba(255, 147, 42, 1)" />
+          </div>
+          <div class="bottom_box_text">
+            成本率
+          </div>
+        </div> -->
+        <bottomboxconpoent> </bottomboxconpoent>
+        <bottomboxconpoent> </bottomboxconpoent>
+        <bottomboxconpoent> </bottomboxconpoent>
+        <bottomboxconpoent> </bottomboxconpoent>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -10,6 +57,8 @@
 // import { getPowerStationOverview } from '@/api/large';
 import * as echarts from 'echarts';
 import china from '@/assets/china.json';
+import RevenueContractCard from './RevenueContractCard.vue';
+import bottomboxconpoent from './bottomboxconpoent.vue';
 const data = ref<any>({});
 
 // 地图容器引用
@@ -168,9 +217,12 @@ onUnmounted(() => {
   padding: 0 10px 10px 10px;
 
   box-sizing: border-box;
+
   .centerPage_map {
     width: 100%;
-    height: 100%;
+    height: 60%;
   }
+
+  
 }
 </style>
diff --git a/src/views/largeScreen/components/leftPage.vue b/src/views/largeScreen/components/leftPage.vue
index 4638875..683c9a3 100644
--- a/src/views/largeScreen/components/leftPage.vue
+++ b/src/views/largeScreen/components/leftPage.vue
@@ -1,13 +1,73 @@
 <template>
-  <div class="leftPage">左边</div>
+  <div class="leftPage">
+    <!--  -->
+    <div class="kpi_box">
+      <TitleComponent :title="'支付KPI'" style="margin-bottom: 20px;"/>
+      <ProgressComponent 
+        title="应收账款" 
+        value="123,456.78" 
+        percentageChange="+25.30%" 
+        progressPercentage="75" 
+        progressColor="rgba(255, 77, 79, 1)"
+      />
+      <ProgressComponent 
+        title="应付账款" 
+        value="123,456.78" 
+        percentageChange="+25.30%" 
+        progressPercentage="25" 
+        progressColor="rgba(29, 214, 255, 1)"
+      />
+      <ProgressComponent 
+        title="本月付款" 
+        value="123,456.78" 
+        percentageChange="+25.30%" 
+        progressPercentage="45" 
+        progressColor="rgba(0, 227, 150, 1)"
+      />
+      <ProgressComponent 
+        title="本月收款" 
+        value="123,456.78" 
+        percentageChange="+25.30%" 
+        progressPercentage="10" 
+        progressColor="rgba(255, 147, 42, 1)"
+      />
+    </div>
+    <div class="contract_box">
+      <EchartBox :option="barOption" />
+    </div>
+  </div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup>
+import { ref, reactive, onMounted, computed, toRefs, getCurrentInstance, nextTick } from 'vue';
+// import echarts from 'echarts';
+import TitleComponent  from './TitleComponent.vue';
+import ProgressComponent from './ProgressComponent.vue';
+import EchartBox from '@/components/EchartBox/index.vue';
+import { getBarOptions2 } from './optionList';
+const barOption = ref();
+const getCapitalData = (data) => {
+  barOption.value = getBarOptions2();
+};
+onMounted(() => {
+  getCapitalData();
+});
+</script>
 
-<style scoped lang="scss">
+<style lang="scss">
 .leftPage {
   width: 100%;
   height: 100%;
-  background: #0c1e35;
+  .kpi_box{
+    margin-bottom: 10px;
+  }
+ .contract_box{
+    height: 35vh;
+  }
+  .kpi_box,.contract_box {
+    padding: 10px;
+    box-sizing: border-box;
+    border: 1px solid rgba(29, 214, 255, 0.3);
+  }
 }
 </style>
diff --git a/src/views/largeScreen/components/optionList.ts b/src/views/largeScreen/components/optionList.ts
index 7d9486f..822fd94 100644
--- a/src/views/largeScreen/components/optionList.ts
+++ b/src/views/largeScreen/components/optionList.ts
@@ -1,4 +1,5 @@
 import * as echarts from 'echarts/core';
+import { text } from 'stream/consumers';
 // import { PictorialBarChart } from 'echarts/charts'
 // 客流量图
 export const getOption = (xData: any, yData: any) => {
@@ -249,9 +250,10 @@ export const getOption2 = (data: any) => {
   };
   return option;
 };
-//食堂周报图
+//z折线
 export const getLineOption = (lineData: any) => {
-  const maxData = Math.ceil(Math.max(...lineData.line1));
+  const maxData = Math.max(...lineData.line1.flat());
+
   const option = {
     backgroundColor: '',
     tooltip: {
@@ -263,42 +265,49 @@ export const getLineOption = (lineData: any) => {
       },
       borderColor: '#7ec7ff'
     },
-    // legend: {
-    //   align: 'left',
-    //   right: '5%',
-    //   top: '1%',
-    //   type: 'plain',
-    //   textStyle: {
-    //     color: '#fff',
-    //     fontSize: 12
-    //   },
-    //   // icon:'rect',
-    //   itemGap: 15,
-    //   itemWidth: 18,
-    //   data: [
-    //     {
-    //       name: '上周销售量'
-    //     },
-    //     {
-    //       name: '本周销售量'
-    //     }
-    //   ]
-    // },
+    legend: {
+      align: 'left',
+      right: '5%',
+      top: '1%',
+      type: 'plain',
+      textStyle: {
+        color: '#fff',
+        fontSize: 12
+      },
+      // icon:'rect',
+      itemGap: 15,
+      itemWidth: 18,
+      data: [
+        {
+          name: '收款金额'
+        },
+        {
+          name: '付款金额'
+        },
+        {
+          name: '净现金流'
+        }
+      ]
+    },
     grid: {
       top: '12%',
       left: '1%',
       right: '3%',
-      bottom: '12%',
+      bottom: '5%',
       containLabel: true
     },
     xAxis: {
       type: 'category',
       data: lineData.xLabel,
+      boundaryGap: false,
       axisLine: {
         show: false
       },
       axisTick: {
-        show: true
+        show: false
+      },
+      splitLine: {
+        show: false
       },
       axisLabel: {
         textStyle: {
@@ -311,28 +320,28 @@ export const getLineOption = (lineData: any) => {
       type: 'value',
       max: maxData,
       splitLine: {
-        show: true,
+        show: false,
         lineStyle: {
           type: 'solid',
           color: 'rgba(73, 169, 191, 0.2)'
         }
       }
     },
-    dataZoom: [
-      {
-        // show: true,
-        start: 0,
-        end: 30,
-        bottom: 2, // 下滑块距离x轴底部的距离
-        height: 23
-      },
-      {
-        type: 'inside'
-      }
-    ],
+    // dataZoom: [
+    //   {
+    //     // show: true,
+    //     start: 0,
+    //     end: 30,
+    //     bottom: 2, // 下滑块距离x轴底部的距离
+    //     height: 23
+    //   },
+    //   {
+    //     type: 'inside'
+    //   }
+    // ],
     series: [
       {
-        name: '逆变器功率',
+        name: '收款金额',
         type: 'line',
         symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
         showAllSymbol: false,
@@ -373,7 +382,95 @@ export const getLineOption = (lineData: any) => {
           shadowColor: 'rgba(25,163,223, 0.5)', //阴影颜色
           shadowBlur: 20 //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
         },
-        data: lineData.line1
+        data: lineData.line1[0]
+      },
+      {
+        name: '付款金额',
+        type: 'line',
+        symbol: 'none', // 默认是空心圆（中间是白色的），改成实心圆
+        showAllSymbol: false,
+        symbolSize: 0,
+        smooth: true,
+        lineStyle: {
+          width: 1,
+          color: 'rgba(255, 224, 179, 1)', // 线条颜色
+          borderColor: 'rgba(0,0,0,.4)'
+        },
+        itemStyle: {
+          color: 'rgba(255, 224, 179, 1)',
+          borderWidth: 2,
+          show: true
+        },
+        tooltip: {
+          show: true
+        },
+        areaStyle: {
+          //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
+          color: new echarts.graphic.LinearGradient(
+            0,
+            0,
+            0,
+            1,
+            [
+              {
+                offset: 0,
+                color: 'rgba(255, 224, 179, 0.4)'
+              },
+              {
+                offset: 1,
+                color: 'rgba(255, 224, 179, 0)'
+              }
+            ],
+            false
+          ),
+          shadowColor: 'rgba(255, 224, 179, 0.6)', //阴影颜色
+          shadowBlur: 20 //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
+        },
+        data: lineData.line1[1]
+      },
+      {
+        name: '净现金流',
+        type: 'line',
+        symbol: 'none', // 默认是空心圆（中间是白色的），改成实心圆
+        showAllSymbol: false,
+        symbolSize: 0,
+        smooth: true,
+        lineStyle: {
+          width: 1,
+          color: 'rgba(39, 255, 252, 1)', // 线条颜色
+          borderColor: 'rgba(0,0,0,.4)'
+        },
+        itemStyle: {
+          color: 'rgba(39, 255, 252, 1)',
+          borderWidth: 2,
+          show: false
+        },
+        tooltip: {
+          show: true
+        },
+        areaStyle: {
+          //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
+          color: new echarts.graphic.LinearGradient(
+            0,
+            0,
+            0,
+            1,
+            [
+              {
+                offset: 0,
+                color: 'rgba(39, 255, 252, 0.4)'
+              },
+              {
+                offset: 1,
+                color: 'rgba(39, 255, 252, 0)'
+              }
+            ],
+            false
+          ),
+          shadowColor: 'rgba(39, 255, 252, 0.5)', //阴影颜色
+          shadowBlur: 20 //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
+        },
+        data: lineData.line1[2]
       }
     ]
   };
@@ -481,10 +578,10 @@ export const getDishesOption = (data?: any) => {
 // 菜品库存图
 export const getInventoryOption = () => {
   const res = {
-      data: [2800, 300, 3900, 3000, 2450, 2670, 3320],
-      name: ['麻辣牛肉', '水煮肉片', '酸菜鱼', '辣子鸡丁', '烧白', '冬瓜排骨汤', '清炒油麦菜'],
-      ratio: [4000, 4000, 4000, 4000, 4000, 4000, 4000]
-    },
+    data: [2800, 300, 3900, 3000, 2450, 2670, 3320],
+    name: ['麻辣牛肉', '水煮肉片', '酸菜鱼', '辣子鸡丁', '烧白', '冬瓜排骨汤', '清炒油麦菜'],
+    ratio: [4000, 4000, 4000, 4000, 4000, 4000, 4000]
+  },
     dataIndex = 1;
   const option = {
     xAxis: {
@@ -600,16 +697,16 @@ export const getBarOptions = (data: any) => {
   const option = {
     backgroundColor: '',
     grid: {
-      left: '7%',
+      left: '8%',
       top: '4%',
-      bottom: '25%',
+      bottom: '8%',
       right: '2%'
     },
     tooltip: {
       show: true,
       backgroundColor: '',
       trigger: 'axis',
-      formatter: '{b0}：{c0}元',
+      formatter: '{b0}：{c0}万元',
       textStyle: {
         color: '#fff'
       }
@@ -634,7 +731,7 @@ export const getBarOptions = (data: any) => {
           // show: true,
         },
         splitLine: {
-          show: true,
+          show: false,
           lineStyle: {
             color: 'rgba(108, 128, 151, 0.3)',
             type: 'dashed'
@@ -646,9 +743,7 @@ export const getBarOptions = (data: any) => {
       {
         axisLabel: {
           formatter: function (value) {
-            if (value >= 1000) {
-              value = (value / 1000).toFixed(1) + 'k'; // 大于等于1000的数字显示为1k、2.5k等
-            }
+            value = value + '万';
             return value;
           },
           color: 'rgba(255, 255, 255, 0.8)'
@@ -662,7 +757,7 @@ export const getBarOptions = (data: any) => {
           }
         },
         splitLine: {
-          show: true,
+          show: false,
           lineStyle: {
             color: 'rgba(108, 128, 151, 0.3)',
             type: 'dashed'
@@ -670,24 +765,25 @@ export const getBarOptions = (data: any) => {
         }
       }
     ],
-    dataZoom: [
-      {
-        // show: true,
-        start: 0,
-        end: 30,
-        bottom: 2, // 下滑块距离x轴底部的距离
-        height: 23
-      },
-      {
-        type: 'inside'
-      }
-    ],
+    // dataZoom: [
+    //   {
+    //     // show: true,
+    //     start: 0,
+    //     end: 30,
+    //     bottom: 2, // 下滑块距离x轴底部的距离
+    //     height: 23
+    //   },
+    //   {
+    //     type: 'inside'
+    //   }
+    // ],
     series: [
       {
         type: 'bar',
-        data: data.value,
-        stack: '合并',
-        barWidth: '15',
+        data: data.value[0],
+        // stack: '合并',
+        barWidth: '5',
+        barGap: '100%',
         itemStyle: {
           color: new echarts.graphic.LinearGradient(
             0,
@@ -697,22 +793,60 @@ export const getBarOptions = (data: any) => {
             [
               {
                 offset: 0,
-                color: 'rgba(0, 111, 255, 0)' // 0% 处的颜色
+                color: ' rgba(29, 214, 255, 1)' // 0% 处的颜色
               },
               {
                 offset: 0.7,
-                color: 'rgba(0, 111, 255, 0.5)' // 0% 处的颜色
+                color: ' rgba(29, 214, 255, 0.5)' // 0% 处的颜色
               },
               {
                 offset: 1,
-                color: 'rgba(0, 111, 255, 1)' // 100% 处的颜色
+                color: ' rgba(29, 214, 255, 0.1)' // 100% 处的颜色
               }
             ],
             false
           )
         },
         label: {
-          show: true,
+          show: false,
+          formatter: '{c}',
+          position: 'top',
+          color: '#fff',
+          fontSize: 10
+          // padding: 5
+        }
+      },
+      {
+        type: 'bar',
+        data: data.value[1],
+        // stack: '合并',
+        barWidth: '5',
+        barGap: '100%',
+        itemStyle: {
+          color: new echarts.graphic.LinearGradient(
+            0,
+            0,
+            0,
+            1,
+            [
+              {
+                offset: 0,
+                color: ' rgba(255, 77, 79, 1)' // 0% 处的颜色
+              },
+              {
+                offset: 0.7,
+                color: ' rgba(255, 77, 79, 0.5)' // 0% 处的颜色
+              },
+              {
+                offset: 1,
+                color: ' rgba(255, 77, 79, 0.1)' // 100% 处的颜色
+              }
+            ],
+            false
+          )
+        },
+        label: {
+          show: false,
           formatter: '{c}',
           position: 'top',
           color: '#fff',
@@ -720,16 +854,66 @@ export const getBarOptions = (data: any) => {
           // padding: 5
         }
       }
-      // {
-      //   type: 'bar',
-      //   stack: '合并',
-      //   data: topData,
-      //   barWidth: '15',
-      //   itemStyle: {
-      //     color: 'rgba(252, 217, 18, 1)'
-      //   }
-      // }
     ]
   };
   return option;
 };
+
+// 收支合同分析
+export const getBarOptions2 = (data: any) => {
+  const option = {
+    color:['#FF932A', '#678FE6', '#1DD6FF', '#00E396'],
+    title: {
+      text: '数量（个）',
+      subtext: '16',
+      bottom: 'center',
+      left: 'center',
+      textStyle: {
+        color: '#9DADB7',
+        fontSize: 16
+      },
+      subtextStyle:{
+        color: '#707070',
+        fontSize: 32,
+        fontWeight: 'bold'
+      }
+    },
+    tooltip: {
+      trigger: 'item'
+    },
+    legend: {
+      top: '5%',
+      left: 'center'
+    },
+    series: [
+      {
+        name: 'Access From',
+        type: 'pie',
+        radius: ['50%', '60%'],
+        avoidLabelOverlap: false,
+        padAngle: 5,
+        label: {
+          show: false,
+          position: 'center'
+        },
+        emphasis: {
+          label: {
+            show: false,
+            fontSize: 40,
+            fontWeight: 'bold'
+          }
+        },
+        labelLine: {
+          show: false
+        },
+        data: [
+          { value: 3, name: '100万一下' },
+          { value: 4, name: '100-500万' },
+          { value: 5, name: '500-1000万' },
+          { value: 4, name: '1000万以上' },
+        ]
+      }
+    ]
+  };
+  return option;
+}
\ No newline at end of file
diff --git a/src/views/largeScreen/components/rightPage.vue b/src/views/largeScreen/components/rightPage.vue
index 247c4ce..bcde746 100644
--- a/src/views/largeScreen/components/rightPage.vue
+++ b/src/views/largeScreen/components/rightPage.vue
@@ -1,13 +1,183 @@
 <template>
-  <div class="rightPage">右边</div>
+  <div class="rightPage">
+    <div class="funds">
+      <TitleComponent :title="'资金KPI'" />
+      <div class="funds_echarts">
+        <EchartBox :option="lineOption" />
+      </div>
+    </div>
+    <div class="cashFlow">
+      <TitleComponent :title="'现金流概述'" />
+      <div class="inflowData">
+        <div class="inflow">
+          <div class="title">现金流入</div>
+          <div class="number">1000000</div>
+          <div class="unit">万元</div>
+        </div>
+        <div class="inflow">
+          <div class="title">现金流出</div>
+          <div class="number">1000000</div>
+          <div class="unit">万元</div>
+        </div>
+        <div class="inflow">
+          <div class="title">净现金流</div>
+          <div class="number">1000000</div>
+          <div class="unit">万元</div>
+        </div>
+      </div>
+      <div class="inflow_echarts">
+        <EchartBox :option="barOption" />
+      </div>
+      <div class="progress">
+        <!-- <div class="progress_item">
+          <div class="title">项目进度</div>
+          <div class="number">100%</div>
+        </div> -->
+        <ProgressComponent title="现金比率" value="123,456.78" percentageChange="3479.61%" :progressPercentage="100"
+          progressColor="rgba(29, 214, 255, 1)" :isShowPrice="false" class="progress_text" />
+      </div>
+    </div>
+  </div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import TitleComponent from './TitleComponent.vue';
+import EchartBox from '@/components/EchartBox/index.vue';
+import { getLineOption, getBarOptions } from './optionList';
+import ProgressComponent from './ProgressComponent.vue';
+
+const lineOption = ref();
+const barOption = ref();
+
+const getCapitalData = (data?: any) => {
+  // const xData = data.map((item) => item.time);
+  // const yData = data.map((item) => item.content);
+  const lineData = {
+    xLabel: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
+    line1: [
+      [100, 200, 150, 300, 250, 350, 400, 350, 450, 500, 400, 550],
+      [220, 250, 230, 280, 270, 300, 350, 320, 380, 400, 450, 500],
+      [300, 350, 320, 380, 400, 450, 500, 480, 520, 550, 600, 650]
+    ]
+
+    // line2: ['20', '50', '12', '65', '30', '60']
+  };
+  lineOption.value = getLineOption(lineData);
+};
+const getTurnoverList = (data?: any) => {
+  // const xData = data.map((item) => item.time);
+  // const yData = data.map((item) => {
+  //   // 先将content转换为数字，再调用toFixed
+  //   const num = Number(item.content);
+  //   return isNaN(num) ? 0 : Number(num.toFixed(2));
+  // });
+
+  const barData = {
+    name: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
+    value: [
+      [2, 5, 15, 30, 25, 35, 40, 35, 45, 50, 40, 55],
+      [4, 3, 6, 11, 15, 22, 30, 14, 48, 22, 25, 60]
+    ]
+  };
+  barOption.value = getBarOptions(barData);
+};
+onMounted(() => {
+  getCapitalData();
+  getTurnoverList();
+});
+
+//资金KPI
+</script>
 
 <style scoped lang="scss">
 .rightPage {
   width: 100%;
   height: 100%;
-  background: #0c1e35;
+  box-sizing: border-box;
+  // padding: 5px;
+}
+
+.funds {
+  width: 100%;
+  // height: 40%;
+  border: 1px solid rgba(29, 214, 255, 0.3);
+  box-sizing: border-box;
+  padding: 10px 5px;
+}
+
+.funds_echarts {
+  width: 100%;
+  height: 25vh;
+  padding: 10px 0 0 0;
+}
+
+.cashFlow {
+  width: 100%;
+  // height: 50%;
+  border: 1px solid rgba(29, 214, 255, 0.3);
+  box-sizing: border-box;
+  padding: 10px 5px;
+  margin-top: 10px;
+}
+
+.inflowData {
+  width: 100%;
+  height: 12vh;
+  // background: #fff;
+  padding-top: 20px;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 10px;
+
+  .inflow {
+    width: 100%;
+    height: 100%;
+    // background: #f5f5f5;
+    padding: 10px;
+    box-sizing: border-box;
+    background: rgba(29, 214, 255, 0.1);
+    border-left: 1px solid rgba(29, 214, 255, 1);
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    .title {
+      font-size: 14px;
+      // font-weight: 500;
+      color: #fff;
+      padding-bottom: 10px;
+    }
+
+    .number {
+      font-size: 24px;
+      // font-weight: 500;
+      color: #fff;
+      padding-bottom: 10px;
+    }
+
+    .unit {
+      font-size: 12px;
+      // font-weight: 500;
+      color: rgba(255, 255, 255, 0.5);
+    }
+  }
+}
+
+.inflow_echarts {
+  width: 100%;
+  height: 25vh;
+  margin-top: 20px;
+}
+
+.progress {
+  width: 100%;
+  margin-top: 10px;
+}
+
+:deep(.progress_text) {
+  .roboto {
+    color: #fff;
+  }
 }
 </style>
diff --git a/src/views/tender/bidd/index.vue b/src/views/tender/bidd/index.vue
new file mode 100644
index 0000000..e32016c
--- /dev/null
+++ b/src/views/tender/bidd/index.vue
@@ -0,0 +1,279 @@
+<template>
+  <div class="p-2">
+    <el-tabs type="border-card" @tab-change="handleTabChange" v-model="activeTab">
+      <el-tab-pane v-for="(item, index) in tabList" :key="index" :label="item.label" :name="item.value">
+        <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+          <el-card shadow="always">
+            <el-form :model="queryForm" :inline="true">
+              <el-form-item label="版本号" prop="versions">
+                <el-select v-model="queryForm.versions" placeholder="选择版本号" @change="changeVersions">
+                  <el-option v-for="item in options" :key="item.versions" :label="item.versions" :value="item.versions" />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="表名" prop="sheet">
+                <el-select v-model="queryForm.sheet" placeholder="选择表名" @change="changeSheet">
+                  <el-option v-for="item in sheets" :key="item" :label="item" :value="item" />
+                </el-select>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" @click="toggleExpandAll(true)">一键展开</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" @click="toggleExpandAll(false)">一键收起</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-upload
+                  ref="uploadRef"
+                  class="upload-demo"
+                  :http-request="importExcel"
+                  :show-file-list="false"
+                  v-hasPermi="['tender:billofquantitiesLimitList:importExcelFile']"
+                >
+                  <template #trigger>
+                    <el-button type="primary">导入excel</el-button>
+                  </template>
+                </el-upload>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" @click="handleExport()" v-hasPermi="['tender:billofquantitiesLimitList:export']">导出excel</el-button>
+              </el-form-item>
+            </el-form>
+          </el-card>
+        </transition>
+        <el-card shadow="never" class="mb8">
+          <el-table ref="tableRef" v-loading="loading" :data="tableData" row-key="id" border lazy default-expand-all>
+            <el-table-column prop="num" label="编号" />
+            <el-table-column prop="name" label="工程或费用名称" />
+            <el-table-column prop="unit" label="单位" />
+            <el-table-column prop="quantity" label="数量" />
+            <el-table-column prop="remark" label="单价" align="center">
+              <template #default="scope">
+                <el-input-number
+                  :model-value="scope.row.unitPrice"
+                  @change="(val) => (scope.row.unitPrice = val)"
+                  :precision="2"
+                  :step="0.1"
+                  :controls="false"
+                  v-if="scope.row.quantity && scope.row.quantity != 0"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column prop="price" label="总价" align="center">
+              <template #default="scope">
+                {{ scope.row.price }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="price" label="操作" align="center">
+              <template #default="scope">
+                <el-button
+                  type="primary"
+                  size="small"
+                  @click="handleSave(scope.row)"
+                  v-if="scope.row.quantity && scope.row.quantity != 0"
+                  v-hasPermi="['tender:billofquantitiesLimitList:edit']"
+                  >确定</el-button
+                >
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-card>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useUserStoreHook } from '@/store/modules/user';
+import { obtainAllVersionNumbers, sheetList, getTableList, updatePrice, importExcelFile } from '@/api/tender/index';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const userStore = useUserStoreHook();
+const currentProject = computed(() => userStore.selectedProject);
+const tabList = [
+  {
+    label: '招采工程量清单',
+    value: '2'
+  },
+  {
+    label: '物资设备清单',
+    value: '3'
+  }
+];
+const queryForm = ref({
+  versions: '',
+  sheet: ''
+});
+
+const activeTab = ref('2');
+const sheets = ref([]);
+const options = ref([]);
+const tableData = ref([]);
+const tableRef = ref();
+const isExpandAll = ref(false);
+const loading = ref(false);
+
+// 切换tab
+const handleTabChange = (tab: string) => {
+  activeTab.value = tab;
+  getVersionNums();
+};
+//切换版本
+const changeVersions = () => {
+  getSheetName();
+};
+//切换表格
+const changeSheet = (val: any) => {
+  getTableData();
+};
+//展开树
+const toggleExpandAll = (isExpand: boolean) => {
+  tableData.value.forEach((row) => {
+    tableRef.value.toggleRowExpansion(row, isExpand);
+  });
+  isExpandAll.value = isExpand;
+};
+
+//获取版本号
+const getVersionNums = async () => {
+  try {
+    const params = {
+      projectId: currentProject.value?.id,
+      workOrderType: activeTab.value,
+      pageSize: 1000,
+      pageNum: 1
+    };
+
+    const res = await obtainAllVersionNumbers(params);
+    if (res.code == 200) {
+      options.value = res.data;
+      if (res.data.length > 0) {
+        queryForm.value.versions = res.data[0].versions;
+        getSheetName();
+      } else {
+        queryForm.value.versions = '';
+        getSheetName();
+      }
+    }
+  } catch (error) {
+    console.log(error);
+  }
+};
+//获取表名
+const getSheetName = async () => {
+  try {
+    const params = {
+      projectId: currentProject.value?.id,
+      versions: queryForm.value.versions
+    };
+    const res = await sheetList(params);
+    if (res.code == 200) {
+      sheets.value = res.data;
+      if (res.data.length > 0) {
+        queryForm.value.sheet = res.data[0];
+      } else {
+        queryForm.value.sheet = '';
+      }
+      getTableData();
+    }
+  } catch (error) {
+    console.log(error);
+  }
+};
+//获取表格数据
+const getTableData = async () => {
+  try {
+    const params = {
+      projectId: currentProject.value?.id,
+      versions: queryForm.value.versions,
+      sheet: queryForm.value.sheet,
+      type: activeTab.value
+    };
+    const res = await getTableList(params);
+    if (res.code == 200) {
+      tableData.value = res.data;
+    }
+  } catch (error) {
+    console.log(error);
+  }
+};
+//导入
+const importExcel = (options: any): any => {
+  let formData = new FormData();
+  formData.append('file', options.file);
+  loading.value = true;
+  importExcelFile(
+    { projectId: currentProject.value?.id, sheet: queryForm.value.sheet, versions: queryForm.value.versions, type: activeTab.value },
+    formData
+  )
+    .then((res) => {
+      const { code } = res;
+      if (code == 200) {
+        proxy.$modal.msgSuccess(res.msg || '导入成功');
+        getTableData();
+      } else {
+        proxy.$modal.msgError(res.msg || '导入失败');
+      }
+    })
+    .catch((err) => {
+      proxy.$modal.msgError(err.msg || '导入失败');
+    })
+    .finally(() => {
+      loading.value = false;
+    });
+};
+//导出
+const handleExport = () => {
+  proxy?.download(
+    '/tender/tenderPlanLimitList/export',
+    {
+      projectId: currentProject.value?.id,
+      sheet: queryForm.value.sheet,
+      versions: queryForm.value.versions,
+      type: activeTab.value
+    },
+    `招标一览表${queryForm.value.sheet}.xlsx`
+  );
+};
+//确认修改
+const handleSave = (row: any) => {
+  try {
+    if (!row.unitPrice) {
+      ElMessage({
+        message: '请输入单价',
+        type: 'warning'
+      });
+      return;
+    }
+    loading.value = true;
+    updatePrice(row).then((res) => {
+      if (res.code == 200) {
+        ElMessage({
+          message: '修改成功',
+          type: 'success'
+        });
+        getTableData();
+      }
+    });
+  } catch (error) {
+    console.log(error);
+    loading.value = false;
+  } finally {
+    loading.value = false;
+  }
+};
+//监听项目id刷新数据
+const listeningProject = watch(
+  () => currentProject.value?.id,
+  (nid, oid) => {
+    getVersionNums();
+  }
+);
+onUnmounted(() => {
+  listeningProject();
+});
+onMounted(() => {
+  getVersionNums();
+});
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/src/views/tender/plan/index.vue b/src/views/tender/plan/index.vue
index dff6321..75c3732 100644
--- a/src/views/tender/plan/index.vue
+++ b/src/views/tender/plan/index.vue
@@ -1,379 +1,228 @@
 <template>
   <div class="p-2">
-    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
-      <div v-show="showSearch" class="mb-[10px]">
-        <el-card shadow="hover">
-          <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="110px">
-            <el-form-item label="分包类型名称" prop="dictName">
-              <el-input v-model="queryParams.dictName" placeholder="请输入分包类型名称" clearable @keyup.enter="handleQuery" />
+    <el-tabs type="border-card" @tab-change="handleTabChange" v-model="activeTab">
+      <el-tab-pane v-for="(item, index) in tabList" :key="item.index" :label="item.label" :name="item.value">
+        <el-card shadow="always">
+          <el-form :model="queryForm" :inline="true" ref="queryFormRef">
+            <el-form-item label="名称" prop="versions">
+              <el-input v-model="queryForm.name" placeholder="请输入名称" clearable @keyup.enter="handleQuery" />
             </el-form-item>
-            <el-form-item label="名称" prop="name">
-              <el-input v-model="queryParams.name" placeholder="请输入名称" clearable @keyup.enter="handleQuery" />
-            </el-form-item>
-            <el-form-item label="计划招标时间" prop="plannedBiddingTime">
-              <el-date-picker
-                clearable
-                v-model="queryParams.plannedBiddingTime"
-                type="date"
-                value-format="YYYY-MM-DD"
-                placeholder="请选择计划招标时间"
-              />
-            </el-form-item>
-            <el-form-item label="招标方式" prop="plannedBiddingMethod">
-              <el-select v-model="queryParams.plannedBiddingMethod" placeholder="请选择招标方式" clearable @change="handleQuery">
-                <el-option label="公招" value="公招"></el-option>
-                <el-option label="邀标" value="邀标"></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="总价" prop="price">
-              <el-input v-model="queryParams.price" placeholder="请输入总价" clearable @keyup.enter="handleQuery" />
-            </el-form-item>
-            <el-form-item label="限价" prop="limitPrice">
-              <el-input v-model="queryParams.limitPrice" placeholder="请输入限价" clearable @keyup.enter="handleQuery" />
-            </el-form-item>
-            <el-form-item label="合同额" prop="contractPrice">
-              <el-input v-model="queryParams.contractPrice" placeholder="请输入合同额" clearable @keyup.enter="handleQuery" />
+            <el-form-item label="内容" prop="sheet">
+              <el-input v-model="queryForm.content" placeholder="请输入内容" clearable @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item>
               <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
               <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+              <el-button type="primary" plain :icon="Plus" @click="openDialog"
+                v-hasPermi="['tender:segmentedIndicatorPlanning:add']">新增</el-button>
             </el-form-item>
           </el-form>
         </el-card>
-      </div>
-    </transition>
-
-    <el-card shadow="never">
-      <template #header>
-        <el-row :gutter="10" class="mb8">
-          <el-col :span="1.5">
-            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['plan:plan:edit']">修改</el-button>
-          </el-col>
-          <!-- 多文件上传按钮 -->
-          <el-col :span="2">
-            <el-button type="primary" plain icon="Upload" @click="openFileUploadDialog()" v-hasPermi="['plan:plan:upload']"> 上传文件 </el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['plan:plan:export']">导出</el-button>
-          </el-col>
-          <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-        </el-row>
+        <el-table :data="tableData" row-key="id" border v-loading="loading">
+          <el-table-column label="序号" width="80" align="center">
+            <template #default="scope">
+              {{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="name" label="名称" />
+          <el-table-column prop="content" label="内容" />
+          <el-table-column prop="plannedBiddingTime" label="计划招标时间" align="center">
+            <template #default="scope">
+              <el-date-picker v-model="scope.row.plannedBiddingTime" type="date" value-format="YYYY-MM-DD"
+                placeholder="选择时间" />
+            </template>
+          </el-table-column>
+          <el-table-column prop="price" label="操作" align="center">
+            <template #default="scope">
+              <el-button type="warning" size="small" @click="handleDetail(scope.row)"
+                v-hasPermi="['tender:segmentedIndicatorPlanning:getMore']">详情</el-button>
+              <el-button type="primary" size="small" @click="handleSave(scope.row)"
+                v-hasPermi="['tender:segmentedIndicatorPlanning:edit']">修改</el-button>
+              <el-button type="danger" size="small" @click="delHandle(scope.row)"
+                v-hasPermi="['tender:segmentedIndicatorPlanning:remove']">删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+          v-model:limit="queryParams.pageSize" @pagination="getList" />
+      </el-tab-pane>
+    </el-tabs>
+    <el-dialog title="新增" v-model="dialogVisible" width="75%" draggable>
+      <el-row>
+        <el-col :span="11">
+          <el-form :model="form" :rules="rules" ref="formRef" label-width="80px">
+            <el-form-item label="名称" prop="name">
+              <el-input v-model="form.name" placeholder="请输入名称" clearable />
+            </el-form-item>
+            <el-form-item label="内容" prop="content">
+              <el-input v-model="form.content" placeholder="请输入内容" type="textarea" clearable :rows="4" />
+            </el-form-item>
+          </el-form>
+        </el-col>
+      </el-row>
+      <el-row style="margin-top: 20px">
+        <el-col :span="24">
+          <el-card shadow="never">
+            <el-form :model="treeForm" :inline="true">
+              <el-form-item label="版本号" prop="versions">
+                <el-select v-model="treeForm.versions" placeholder="选择版本号" @change="changeVersions">
+                  <el-option v-for="item in options" :key="item.versions" :label="item.versions"
+                    :value="item.versions" />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="表名" prop="sheet">
+                <el-select v-model="treeForm.sheet" placeholder="选择表名" @change="changeSheet">
+                  <el-option v-for="item in sheets" :key="item" :label="item" :value="item" />
+                </el-select>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" @click="toggleExpandAll(true)">一键展开</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" @click="toggleExpandAll(false)">一键收起</el-button>
+              </el-form-item>
+            </el-form>
+          </el-card>
+          <el-table :data="treeData" ref="treeTableRef" v-loading="treeLoading" row-key="id" border lazy
+            default-expand-all @selection-change="handleSelection">
+            <el-table-column type="selection" width="55" />
+            <el-table-column prop="num" label="编号" />
+            <el-table-column prop="name" label="工程或费用名称" />
+            <el-table-column prop="unit" label="单位" />
+            <!-- <el-table-column prop="quantity" label="数量" /> -->
+            <el-table-column prop="selectNum" label="选择数量" align="center">
+              <template #default="scope">
+                <el-input-number :model-value="scope.row.selectNum" @change="
+                  (val) => {
+                    scope.row.selectNum = val;
+                    handleNumberChange(scope.row);
+                  }
+                " :precision="2" :step="1" :controls="false" :max="Math.floor(scope.row.quantity)"
+                  v-if="scope.row.quantity && scope.row.quantity != 0" />
+              </template>
+            </el-table-column>
+            <el-table-column prop="unitPrice" label="单价" align="center" />
+            <!-- <el-table-column prop="price" label="总价" align="center">
+              <template #default="scope">
+                {{ scope.row.price }}
+              </template>
+            </el-table-column> -->
+          </el-table>
+        </el-col>
+      </el-row>
+      <template #footer>
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="submitForm(formRef)">确定</el-button>
       </template>
-
-      <el-table v-loading="loading" :data="planList" @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55" align="center" />
-        <el-table-column label="主键ID" align="center" prop="id" v-if="false" />
-        <el-table-column label="项目Id" align="center" prop="projectId" v-if="false" />
-        <el-table-column label="分包类型名称" align="center" prop="dictName" />
-        <el-table-column label="名称" align="center" prop="name" />
-        <el-table-column label="计划招标时间" align="center" prop="plannedBiddingTime" width="180" v-if="false">
+    </el-dialog>
+    <el-dialog title="详情" v-model="detailDialog" width="75%" draggable>
+      <el-table :data="detailData" v-loading="detailLoading" row-key="id" border lazy default-expand-all>
+        <el-table-column prop="num" label="编号" />
+        <el-table-column prop="name" label="工程或费用名称" />
+        <el-table-column prop="unit" label="单位" />
+        <el-table-column prop="quantity" label="数量" />
+        <el-table-column prop="unitPrice" label="单价" align="center" />
+        <el-table-column prop="price" label="总价" align="center">
           <template #default="scope">
-            <span>{{ parseTime(scope.row.plannedBiddingTime, '{y}-{m}-{d}') }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="招标方式" align="center" prop="plannedBiddingMethod">
-          <template #default="scope">
-            {{
-              ['1', 1].includes(scope.row.plannedBiddingMethod)
-                ? '公招'
-                : ['2', 2].includes(scope.row.plannedBiddingMethod)
-                ? '邀标'
-                : scope.row.plannedBiddingMethod || '-'
-            }}
-          </template>
-        </el-table-column>
-        <el-table-column label="总价" align="center" prop="price" v-if="false" />
-        <el-table-column label="限价" align="center" prop="limitPrice" />
-        <el-table-column label="合同额" align="center" prop="contractPrice" />
-        <el-table-column label="分包内容" align="center" prop="content" />
-        <el-table-column label="中标通知书" align="center" prop="bidFile">
-          <template #default="scope">
-            <el-link @click="handleView(scope.row, 'bidFile')" type="primary" v-if="scope.row.bidFile">查看</el-link>
-          </template>
-        </el-table-column>
-        <el-table-column label="招标通知书" align="center" prop="tenderFile">
-          <template #default="scope">
-            <el-link @click="handleView(scope.row, 'tenderFile')" type="primary" v-if="scope.row.tenderFile">查看</el-link>
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-          <template #default="scope">
-            <el-tooltip content="修改" placement="top">
-              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['plan:plan:edit']"></el-button>
-            </el-tooltip>
+            {{ scope.row.price }}
           </template>
         </el-table-column>
       </el-table>
-
-      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
-    </el-card>
-
-    <!-- 多文件上传对话框 -->
-    <el-dialog :title="fileUploadDialog.title" v-model="fileUploadDialog.visible" width="600px" append-to-body>
-      <div class="upload-container">
-        <el-upload
-          class="upload-demo"
-          drag
-          action=""
-          :http-request="handleFileUpload"
-          :multiple="true"
-          :on-preview="handleFilePreview"
-          :on-remove="handleFileRemove"
-          :file-list="fileList"
-          :auto-upload="false"
-        >
-          <el-icon class="el-icon--upload"><upload-filled /></el-icon>
-          <div class="el-upload__text">点击或拖拽文件到此处上传</div>
-          <template #tip>
-            <div class="el-upload__tip text-sm text-gray-500">支持上传多个文件，格式不限，单个文件大小不超过10MB</div>
-          </template>
-        </el-upload>
-
-        <div class="mt-4 flex justify-end">
-          <el-button @click="cancelFileUpload">取消</el-button>
-          <el-button type="primary" @click="submitFileUpload" class="ml-2"> 确认上传 </el-button>
-        </div>
-      </div>
-    </el-dialog>
-
-    <!-- 添加或修改招标计划对话框 -->
-    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
-      <el-form ref="planFormRef" :model="form" :rules="rules" label-width="120px">
-        <!-- 调整项目ID表单项：与目标代码一致，自动关联当前项目并显示提示 -->
-        <el-input v-model="form.projectId" placeholder="请输入项目ID" :readonly="!!currentProjectId" :disabled="!!currentProjectId" v-if="false" />
-        <template #help>
-          <span v-if="currentProjectId" class="text-success">已自动关联当前选中项目</span>
-        </template>
-        <el-input v-model="form.id" placeholder="ID" readonly v-if="false" />
-        <el-form-item label="分包类型名称" prop="dictName" v-if="false">
-          <el-input v-model="form.dictName" placeholder="请输入分包类型名称" />
-        </el-form-item>
-
-        <el-form-item label="名称" prop="name">
-          <el-input v-model="form.name" placeholder="请输入名称" />
-        </el-form-item>
-
-        <el-form-item label="计划招标时间" prop="plannedBiddingTime" v-if="false">
-          <el-date-picker clearable v-model="form.plannedBiddingTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择计划招标时间" />
-        </el-form-item>
-
-        <!-- 核心修改：招标方式改为下拉框，根据限价自动赋值 -->
-        <el-form-item label="招标方式" prop="plannedBiddingMethod">
-          <el-select v-model="form.plannedBiddingMethod" placeholder="自动生成/选择" :disabled="!!form.limitPrice">
-            <el-option label="公招" value="公招"></el-option>
-            <el-option label="邀标" value="邀标"></el-option>
-          </el-select>
-        </el-form-item>
-
-        <el-form-item label="总价" prop="price" v-if="false">
-          <el-input v-model="form.price" placeholder="请输入总价" />
-        </el-form-item>
-
-        <!-- 限价输入：添加@input事件，实时触发招标方式判断 -->
-        <el-form-item label="限价(单位万元)" prop="limitPrice">
-          <el-input v-model.number="form.limitPrice" placeholder="请输入限价(单位万元)" type="number" @input="autoSetBiddingMethod" />
-        </el-form-item>
-
-        <el-form-item label="合同额" prop="contractPrice">
-          <el-input v-model="form.contractPrice" placeholder="请输入合同额" />
-        </el-form-item>
-
-        <el-form-item label="分包内容" prop="content">
-          <el-input v-model="form.content" type="textarea" placeholder="请输入分包内容" rows="3" />
-        </el-form-item>
-
-        <el-form-item label="中标通知书" prop="bidFile">
-          <file-upload v-model="form.bidFile" :limit="1" />
-        </el-form-item>
-        <el-form-item label="招标通知书" prop="files">
-          <file-upload v-model="form.tenderFile" :limit="100" />
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
-          <el-button @click="cancel">取 消</el-button>
-        </div>
-      </template>
-    </el-dialog>
-    <el-dialog title="文件列表" v-model="viewVisible" width="45%">
-      <el-table :data="viewFileList" style="width: 100%" border>
-        <el-table-column prop="fileName" label="文件" align="center">
-          <template #default="scope">
-            <el-link :key="scope.row.ossId" :href="scope.row.url" target="_blank" type="primary" :underline="false">
-              {{ scope.row.originalName || '查看文件' }}
-            </el-link>
-          </template>
-        </el-table-column>
-      </el-table>
-      <template #footer>
-        <span>
-          <el-button type="primary" @click="viewVisible = false">关闭</el-button>
-        </span>
-      </template>
     </el-dialog>
   </div>
 </template>
 
-<script setup name="Plan" lang="ts">
-import { listPlan, getPlan, addPlan, updatePlan, getSegmentedIndicatorPlanning } from '@/api/plan/plan/index';
-import { PlanVO, PlanQuery, PlanForm } from '@/api/plan/plan/types';
-import { getCurrentInstance, onMounted, ref, reactive, toRefs, computed, watch } from 'vue';
-import type { ElFormInstance } from 'element-plus';
+<script setup lang="ts">
 import { useUserStoreHook } from '@/store/modules/user';
-import { UploadFilled } from '@element-plus/icons-vue';
-import type { UploadFile, UploadRawFile } from 'element-plus';
-import { listByIds } from '@/api/system/oss';
+import { getDicts } from '@/api/system/dict/data';
+import { Plus } from '@element-plus/icons-vue';
+import { FormInstance } from 'element-plus';
+import {
+  sheetList,
+  tenderPlanList,
+  addTenderPlan,
+  delTenderPlan,
+  updateTenderPlan,
+  treeList,
+  getTenderPlanDetail,
+  obtainAllVersionNumbers
+} from '@/api/tender/index';
 
-// 从用户Store获取当前选中项目及ID
 const userStore = useUserStoreHook();
 const currentProject = computed(() => userStore.selectedProject);
-const currentProjectId = computed(() => currentProject.value?.id);
-const viewVisible = ref(false);
-// 类型定义
-interface DialogOption {
-  visible: boolean;
-  title: string;
-}
-
-interface PageData<F, Q> {
-  form: F;
-  queryParams: Q;
-  rules: Record<string, any[]>;
-}
-
-const { proxy } = getCurrentInstance() as ComponentInternalInstance;
-
-const planList = ref<PlanVO[]>([]);
-const buttonLoading = ref(false);
-const loading = ref(true);
-const showSearch = ref(true);
-const ids = ref<Array<string | number>>([]);
-const single = ref(true);
-const multiple = ref(true);
+const tabList = ref<any[]>([]);
+const tableData = ref<any[]>([]);
+const queryFormRef = ref();
+const formRef = ref();
+const activeTab = ref();
+const queryParams = ref({
+  pageNum: 1,
+  pageSize: 10
+});
 const total = ref(0);
-
-const queryFormRef = ref<ElFormInstance>();
-const planFormRef = ref<ElFormInstance>();
-
-const dialog = reactive<DialogOption>({
-  visible: false,
-  title: ''
+const queryForm = ref({
+  name: '',
+  content: ''
+});
+const dialogVisible = ref(false);
+const form = ref({
+  name: '',
+  content: ''
 });
 
-// 文件上传相关状态
-const fileUploadDialog = reactive({
-  visible: false,
-  title: '上传文件'
+const rules = ref({
+  name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+  content: [{ required: true, message: '请输入内容', trigger: 'blur' }]
+});
+const loading = ref(false);
+const planType = computed(() => {
+  return activeTab.value == '2' ? '3' : '2';
 });
-const fileList = ref<UploadFile[]>([]);
-const viewFileList = ref([]);
-const uploadLoading = ref(false);
-const selectedPlanId = ref<string | number>('');
 
-// 初始化表单数据
-const initFormData: PlanForm & { dictName?: string; content?: string } = {
-  id: '1958116259107012609',
-  projectId: currentProjectId.value,
-  file: [],
-  plannedBiddingMethod: undefined,
-  files: undefined,
-  price: undefined,
-  limitPrice: undefined,
-  contractPrice: undefined,
-  bidFile: undefined,
-  dictName: '1',
-  name: 'test1',
-  content: 'trhbhbt'
+//字典获取数据
+const getTabsList = async () => {
+  const res = await getDicts('subcontracting_type');
+  if (res.code == 200) {
+    activeTab.value = res.data[0].dictValue;
+    tabList.value = res.data.map((item: any) => {
+      return {
+        label: item.dictLabel,
+        value: item.dictValue
+      };
+    });
+    getList();
+  }
 };
-
-// 页面数据
-const data = reactive<PageData<typeof initFormData, PlanQuery & { dictName?: string; content?: string }>>({
-  form: { ...initFormData },
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    projectId: currentProjectId.value,
-    dictName: undefined,
-    name: undefined,
-    plannedBiddingTime: undefined,
-    plannedBiddingMethod: undefined,
-    price: undefined,
-    limitPrice: undefined,
-    contractPrice: undefined,
-    content: undefined,
-    bidFile: undefined,
-    params: {}
-  },
-  rules: {
-    projectId: [{ required: true, message: '请输入项目ID', trigger: 'blur' }],
-    name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
-    plannedBiddingMethod: [{ required: true, message: '请选择或输入限价生成招标方式', trigger: 'blur' }],
-    limitPrice: [{ required: true, message: '请输入限价', trigger: 'blur' }],
-    contractPrice: [{ required: true, message: '请输入合同额', trigger: 'blur' }],
-    content: [{ required: true, message: '请输入分包内容', trigger: 'blur' }]
-  }
-});
-
-const { queryParams, form, rules } = toRefs(data);
-
-// 监听当前项目ID变化
-watch(currentProjectId, (newVal) => {
-  queryParams.value.projectId = newVal;
-  if (!form.value.id) {
-    form.value.projectId = newVal;
-  }
-  getList();
-});
-
-/** 查询招标计划列表 */
+//获取表格数据
 const getList = async () => {
-  loading.value = true;
   try {
-    const res = await listPlan(queryParams.value);
-    planList.value = res.rows || [];
-    total.value = res.total || 0;
+    loading.value = true;
+    const params = {
+      projectId: currentProject.value?.id,
+      ...queryParams.value,
+      ...queryForm.value,
+      dictName: activeTab.value,
+      type: planType.value
+    };
+    const res = await tenderPlanList(params);
+    if (res.code == 200) {
+      tableData.value = res.rows;
+      total.value = res.total;
+    }
   } catch (error) {
-    console.error('获取招标计划列表失败', error);
-    proxy?.$modal.msgError('获取招标计划列表失败');
+    console.log(error);
+    ElMessage({
+      message: '获取数据失败',
+      type: 'error'
+    });
   } finally {
     loading.value = false;
   }
 };
-
-// const handleSuccess = (list, res, fileType) => {
-//   console.log(list);
-//   const arr = list.map((item) => {
-//     return { fileId: item.ossId, fileUrl: item.url, fileType };
-//   });
-//   console.log(arr);
-//   if (!form.value.file) form.value.file = [];
-//   form.value.file = [...form.value.file, ...arr];
-//   console.log(form.value.file);
-// };
-
-const handleView = async (row, type) => {
-  const res = await listByIds(row[type]);
-  if (type == 'tenderFile') {
-    viewVisible.value = true;
-    viewFileList.value = res.data;
-  } else {
-    window.open(res.data[0].url);
-  }
+const handleTabChange = (tabs: any) => {
+  activeTab.value = tabs;
+  getList();
 };
-
-/** 取消按钮 */
-const cancel = () => {
-  reset();
-  dialog.visible = false;
-};
-
-/** 表单重置 */
-const reset = () => {
-  form.value = { ...initFormData, projectId: currentProjectId.value };
-  planFormRef.value?.resetFields();
-};
-
 /** 搜索按钮操作 */
 const handleQuery = () => {
   queryParams.value.pageNum = 1;
@@ -382,210 +231,289 @@ const handleQuery = () => {
 
 /** 重置按钮操作 */
 const resetQuery = () => {
-  queryFormRef.value?.resetFields();
-  queryParams.value.projectId = currentProjectId.value;
+  queryForm.value.content = '';
+  queryForm.value.name = '';
   handleQuery();
 };
 
-/** 多选框选中数据 */
-const handleSelectionChange = (selection: PlanVO[]) => {
-  ids.value = selection.map((item) => item.id);
-  single.value = selection.length !== 1;
-  multiple.value = !selection.length;
+const openDialog = () => {
+  dialogVisible.value = true;
+  getVersionNums();
 };
-
-/** 修改按钮操作 */
-const handleUpdate = async (row?: PlanVO) => {
-  reset();
-  const _id = row?.id || ids.value[0];
-  if (!_id) {
-    proxy?.$modal.msgWarning('请选择需要修改的招标计划');
-    return;
-  }
+const closeDialog = () => {
+  dialogVisible.value = false;
+  form.value = {
+    name: '',
+    content: ''
+  };
+  formRef.value?.resetFields();
+};
+const treeData = ref<any[]>([]);
+const treeForm = ref({
+  sheet: '',
+  versions: ''
+});
+const sheets = ref<any[]>([]);
+const treeTableRef = ref();
+const isExpandAll = ref(false);
+const treeLoading = ref(false);
+const selectionData = ref<any>([]);
+const options = ref([]);
+//切换版本
+const changeVersions = () => {
+  getSheetName();
+};
+//获取版本号
+const getVersionNums = async () => {
   try {
-    // const res = await getPlan(_id);
-    const res = await getSegmentedIndicatorPlanning(_id);
+    const params = {
+      projectId: currentProject.value?.id,
+      workOrderType: planType.value,
+      pageSize: 1000,
+      pageNum: 1
+    };
 
-    Object.assign(form.value, res.data, {
-      id: res.data.id || initFormData.id,
-      dictName: res.data.dictName || initFormData.dictName,
-      content: res.data.content || initFormData.content,
-      projectId: res.data.projectId || currentProjectId.value
-    });
-    console.log(form.value);
-
-    // 回显时根据限价同步招标方式（避免数据不一致）
-    autoSetBiddingMethod();
-    dialog.visible = true;
-    dialog.title = '修改招标计划';
+    const res = await obtainAllVersionNumbers(params);
+    if (res.code == 200) {
+      options.value = res.data;
+      if (res.data.length > 0) {
+        treeForm.value.versions = res.data[0].versions;
+        getSheetName();
+      } else {
+        treeForm.value.versions = '';
+        getSheetName();
+      }
+    }
   } catch (error) {
-    console.error('获取招标计划详情失败', error);
-    proxy?.$modal.msgError('获取招标计划详情失败');
+    console.log(error);
+  }
+};
+//获取表名
+const getSheetName = async () => {
+  try {
+    const params = {
+      projectId: currentProject.value?.id,
+      versions: treeForm.value.versions
+    };
+    const res = await sheetList(params);
+    if (res.code == 200) {
+      sheets.value = res.data;
+      if (res.data.length > 0) {
+        treeForm.value.sheet = res.data[0];
+      } else {
+        treeForm.value.sheet = '';
+        ElMessage({
+          message: '获取表名失败',
+          type: 'warning'
+        });
+      }
+      getTreeList();
+    }
+  } catch (error) {
+    console.log(error);
+    ElMessage({
+      message: '获取表名失败',
+      type: 'warning'
+    });
+  }
+};
+const handleSelection = (selection: any) => {
+  selectionData.value = selection;
+};
+const handleNumberChange = (row: any) => {
+  const selectedIds = selectionData.value.map((item) => item.id);
+  nextTick(() => {
+    treeTableRef.value.toggleRowSelection(row, true);
+  });
+  restoreSelections(treeData.value, selectedIds);
+};
+
+//寻找节点选择
+const restoreSelections = (data, selectedIds) => {
+  const traverse = (nodes) => {
+    nodes.forEach((node) => {
+      if (selectedIds.includes(node.id)) {
+        nextTick(() => {
+          treeTableRef.value.toggleRowSelection(node, true);
+        });
+      }
+      if (node.children && node.children.length > 0) {
+        traverse(node.children);
+      }
+    });
+  };
+  traverse(data);
+};
+watch(
+  () => selectionData.value,
+  (newVal, oldVal) => {
+    console.log(newVal, 55555555555555555);
+  }
+);
+
+//选择表名
+const changeSheet = () => {
+  getTreeList();
+};
+
+const toggleExpandAll = (isExpand: boolean) => {
+  treeData.value.forEach((row) => {
+    treeTableRef.value.toggleRowExpansion(row, isExpand);
+  });
+  isExpandAll.value = isExpand;
+};
+//打开获取表数据
+const getTreeList = async () => {
+  try {
+    treeLoading.value = true;
+    const params = {
+      projectId: currentProject.value?.id,
+      sheet: treeForm.value.sheet,
+      versions: treeForm.value.versions,
+      type: planType.value
+    };
+    const res = await treeList(params);
+    if (res.code == 200) {
+      res.data.forEach((item: any) => {
+        item.selectNum = '';
+      });
+      treeData.value = res.data;
+    }
+  } catch (error) {
+    console.log(error);
+    ElMessage({
+      message: '获取表格失败',
+      type: 'error'
+    });
+  } finally {
+    treeLoading.value = false;
   }
 };
 
-/** 核心：根据限价自动设置招标方式 */
-const autoSetBiddingMethod = () => {
-  const limit = form.value.limitPrice;
-  // 逻辑：限价>1000万→公招，否则→邀标，为空则清空
-  form.value.plannedBiddingMethod = limit ? (limit > 1000 ? '公招' : '邀标') : '';
-};
-
-/** 提交按钮 */
-const submitForm = () => {
-  planFormRef.value?.validate(async (valid: boolean) => {
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) return;
+  await formEl.validate(async (valid, fields) => {
     if (valid) {
-      buttonLoading.value = true;
       try {
-        if (!form.value.id && currentProjectId.value) {
-          form.value.projectId = currentProjectId.value;
+        if (selectionData.value.length == 0) {
+          ElMessage({
+            message: '请选择项目材料',
+            type: 'warning'
+          });
+          return;
         }
-        if (form.value.id) {
-          await updatePlan(form.value);
-        } else {
-          await addPlan(form.value);
+        const newSelectionData = selectionData.value.filter((item) => item.quantity != '' && item.quantity != null);
+        if (newSelectionData.some((item) => item.selectNum == '' || item.selectNum == null)) {
+          ElMessage.error('存在未填写数量的工程或费用名称，请检查');
+          return;
+        }
+        const limitListBos = newSelectionData.map((item: any) => {
+          return {
+            limitListId: item.id,
+            num: item.selectNum
+          };
+        });
+        const params = {
+          projectId: currentProject.value?.id,
+          ...form.value,
+          dictName: activeTab.value,
+          limitListBos,
+          type: planType.value
+        };
+
+        const res = await addTenderPlan(params);
+        if (res.code == 200) {
+          ElMessage({
+            message: '新增成功',
+            type: 'success'
+          });
+          closeDialog();
+          getList();
         }
-        proxy?.$modal.msgSuccess('操作成功');
-        dialog.visible = false;
-        await getList();
       } catch (error) {
-        console.error('操作失败', error);
-        proxy?.$modal.msgError('操作失败，请重试');
-      } finally {
-        buttonLoading.value = false;
+        console.log(error);
       }
+    } else {
+      console.log('error submit!', fields);
+    }
+  });
+};
+//确定修改
+const handleSave = (row: any) => {
+  try {
+    if (!row.plannedBiddingTime) {
+      ElMessage({
+        message: '请输入计划招标时间',
+        type: 'warning'
+      });
+      return;
+    }
+    updateTenderPlan({ ...row, type: planType.value }).then((res) => {
+      if (res.code == 200) {
+        ElMessage({
+          message: '修改成功',
+          type: 'success'
+        });
+        getList();
+      }
+    });
+  } catch (error) {
+    console.log(error);
+    ElMessage({
+      message: '修改失败',
+      type: 'error'
+    });
+  }
+};
+//删除
+const delHandle = (row: any) => {
+  try {
+    const params = { ids: row.id };
+    delTenderPlan(params).then((res) => {
+      if (res.code == 200) {
+        ElMessage({
+          message: '删除成功',
+          type: 'success'
+        });
+        getList();
+      }
+    });
+  } catch (error) {
+    console.log(error);
+    ElMessage({
+      message: '删除失败',
+      type: 'error'
+    });
+  }
+};
+const detailDialog = ref();
+const detailData = ref([]);
+const detailLoading = ref(false);
+
+//详情
+const handleDetail = (row: any) => {
+  detailDialog.value = true;
+  getDetails(row);
+};
+const getDetails = (row: any) => {
+  getTenderPlanDetail({ id: row.id }).then((res) => {
+    if (res.code == 200) {
+      detailData.value = res.data;
     }
   });
 };
 
-/** 删除按钮操作（原代码存在但模板未引用，保留逻辑） */
-const handleDelete = async (row?: PlanVO) => {
-  const _ids = row?.id || ids.value;
-  if (!_ids || (_ids instanceof Array && _ids.length === 0)) {
-    proxy?.$modal.msgWarning('请选择需要删除的招标计划');
-    return;
-  }
-  try {
-    await proxy?.$modal.confirm('是否确认删除选中的招标计划？');
-    await delPlan(_ids);
-    proxy?.$modal.msgSuccess('删除成功');
-    await getList();
-  } catch (error) {
-    console.error('删除失败', error);
-    if (error !== 'cancel') {
-      proxy?.$modal.msgError('删除失败，请重试');
-    }
-  }
-};
-
-/** 导出按钮操作 */
-const handleExport = () => {
-  proxy?.download(
-    'plan/plan/export',
-    {
-      ...queryParams.value
-    },
-    `plan_${new Date().getTime()}.xlsx`
-  );
-};
-
-/** 打开文件上传对话框 */
-const openFileUploadDialog = () => {
-  if (ids.value.length !== 1) {
-    proxy?.$modal.msgWarning('请选择单个招标计划进行文件上传');
-    return;
-  }
-  selectedPlanId.value = ids.value[0];
-  fileList.value = [];
-  fileUploadDialog.visible = true;
-};
-
-/** 处理文件上传 */
-const handleFileUpload = async (params: { file: UploadRawFile }) => {
-  const formData = new FormData();
-  formData.append('file', params.file);
-  formData.append('planId', selectedPlanId.value as string);
-
-  try {
-    const response = await uploadFile(formData);
-    return response;
-  } catch (error) {
-    console.error('文件上传失败', error);
-    throw error;
-  }
-};
-
-/** 提交文件上传 */
-const submitFileUpload = async () => {
-  if (fileList.value.length === 0) {
-    proxy?.$modal.msgWarning('请选择需要上传的文件');
-    return;
-  }
-
-  uploadLoading.value = true;
-  try {
-    for (const file of fileList.value) {
-      if (file.raw) {
-        await handleFileUpload({ file: file.raw });
-      }
-    }
-
-    proxy?.$modal.msgSuccess('文件上传成功');
-    fileUploadDialog.visible = false;
-  } catch (error) {
-    proxy?.$modal.msgError('文件上传失败');
-  } finally {
-    uploadLoading.value = false;
-  }
-};
-
-/** 取消文件上传 */
-const cancelFileUpload = () => {
-  fileList.value = [];
-  fileUploadDialog.visible = false;
-};
-
-/** 文件预览 */
-const handleFilePreview = (file: UploadFile) => {
-  console.log('预览文件:', file);
-  // 可扩展：通过文件URL打开预览
-  // if (file.url) window.open(file.url);
-};
-
-/** 移除文件 */
-const handleFileRemove = (file: UploadFile) => {
-  console.log('移除文件:', file);
-};
-
-// 监听项目id刷新数据
-const listeningProject = watch(
-  () => currentProject.value?.id,
-  (nid, oid) => {
-    queryParams.value.projectId = nid;
-    form.value.projectId = nid;
-    getList();
-  }
-);
-
-onUnmounted(() => {
-  listeningProject();
+onMounted(() => {
+  getTabsList();
 });
 </script>
 
 <style scoped lang="scss">
-.mb-4 {
-  margin-bottom: 16px;
-}
-.el-table .small-padding .cell {
-  padding: 0 5px;
-}
-.el-table .fixed-width {
-  width: 120px !important;
-}
-.el-table-column .el-button--text + .el-button--text {
-  margin-left: 10px;
-}
-.upload-container {
-  padding: 10px 0;
+.Region {
+  width: 100%;
+  height: 100%;
+  border: 1px solid #ccc;
+  border-radius: 10px;
+  padding: 10px;
 }
 </style>