diff --git a/src/api/storagecost/index.js b/src/api/storagecost/index.js
index b128bfd5..b5607a17 100644
--- a/src/api/storagecost/index.js
+++ b/src/api/storagecost/index.js
@@ -7,7 +7,14 @@ export const $_Getlist = params => {
     params,
   });
 };
-
+// 日度仓储成本统计表接口
+export const $_GetexpenseWarehouseDay = params => {
+  return request({
+    url: '/api/logpm-statisticsdata/expenseWarehouseDay/page',
+    method: 'get',
+    params,
+  });
+};
 // 获取仓库
 export const $_getMyWarehouseList = params => {
   return request({
diff --git a/src/option/storagecost/Warehousedaily.js b/src/option/storagecost/Warehousedaily.js
new file mode 100644
index 00000000..58d576a3
--- /dev/null
+++ b/src/option/storagecost/Warehousedaily.js
@@ -0,0 +1,270 @@
+export const columnList = [
+    {
+      prop: '',
+      label: '复选框',
+      type: 0,
+      width: 55,
+      fixed: true,
+    },
+    {
+      prop: '',
+      label: '序号',
+      type: 12,
+      values: '',
+      width: 55,
+      fixed: true,
+    },
+    {
+      prop: 'warehouseName',
+      label: '目的仓',
+      type: 2,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'costSettlementTime',
+      label: '成本结算时间',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'totalArea',
+      label: '仓库总面积(㎡)',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'monthlyRent',
+      label: '仓库日租金',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'totalQuantityIssued',
+      label: '出库总件数',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'customerLeasedArea',
+      label: '客户租用面积(㎡)',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'customerMonthlyRent',
+      label: '客户日租金',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'rentedItemsDispatchedQuantity',
+      label: '租用出库件数',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'customerRentedItemCostPerUnit',
+      label: '客户租用单件成本',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'customerTotalLeasingCost',
+      label: '客户租用总成本',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'temporaryTurnoverArea',
+      label: '临时周转面积',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'temporaryTurnoverQuantity',
+      label: '临时周转件数',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'temporaryTurnoverCostPerItem',
+      label: '临时周转单件成本',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'totalTemporaryTurnoverCost',
+      label: '临时周转总成本',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'drWareDisArea',
+      label: '干仓配仓储面积(㎡)',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'drWareDisNumber',
+      label: '干仓配件数',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'drWareDisCostPerUnit',
+      label: '干仓配单件成本',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'drWareDisTotalCost',
+      label: '干仓配仓储总成本',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'totalCostOfConsignmentStorage',
+      label: '代入库总成本',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'totalCostOfConsignmentWithdrawal',
+      label: '代出库总成本',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'totalCostOfAgencyOperations',
+      label: '代作业总成本',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    {
+      prop: 'totalWarehouseCost',
+      label: '仓储总成本',
+      type: 1,
+      values: '',
+      width: '150',
+      checkarr: [],
+      fixed: false,
+      sortable: true,
+      head: false,
+    },
+    // {
+    //   prop: '',
+    //   label: '操作',
+    //   type: 6,
+    //   values: '',
+    //   width: '200',
+    //   checkarr: [],
+    //   fixed: 'right',
+    //   sortable: false,
+    // },
+  ];
+  
\ No newline at end of file
diff --git a/src/views/cost/storagecost/Warehousedaily.vue b/src/views/cost/storagecost/Warehousedaily.vue
new file mode 100644
index 00000000..35856a17
--- /dev/null
+++ b/src/views/cost/storagecost/Warehousedaily.vue
@@ -0,0 +1,444 @@
+<template>
+    <basic-container>
+      <!-- 首页表格 -->
+      <div class="avue-crud">
+        <!-- 搜索模块 -->
+        <el-row v-if="search">
+          <!-- 查询模块 -->
+          <el-form :inline="true" :model="queryTop" class="el-fr-d">
+            <!-- 查询按钮 -->
+            <div>
+              <el-form-item label="目的仓">
+                <el-select
+                  v-model="queryTop.warehouse"
+                  multiple
+                  placeholder="请选择仓库"
+                  style="min-width: 340px"
+                >
+                  <el-option
+                    v-for="item in warehouseList"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+              </el-form-item>
+  
+              <el-form-item label="结算年份">
+                <el-date-picker
+                  v-model="queryTop.costSettlementYear"
+                  type="year"
+                  placeholder="请选择年份"
+                  value-format="YYYY"
+                />
+              </el-form-item>
+  
+              <el-form-item label="结算月">
+                <el-select v-model="queryTop.costSettlementMonth" placeholder="请选择月份">
+                  <el-option
+                    v-for="item in monthList"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </div>
+            <el-form-item class="el-btn">
+              <el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button>
+              <el-button icon="el-icon-delete" @click="searchReset">清 空</el-button>
+            </el-form-item>
+          </el-form>
+        </el-row>
+  
+        <!-- 控件模块 -->
+        <el-row>
+          <div class="avue-crud__header">
+            <!-- 头部左侧按钮模块 -->
+            <div class="avue-crud__left">
+              <!-- <el-button type="primary" @click="exportExcel"
+                ><el-icon><Plus /></el-icon>导出</el-button
+              > -->
+            </div>
+            <!-- 头部右侧按钮模块 -->
+            <div class="avue-crud__right">
+              <el-button icon="el-icon-refresh" @click="searchChangeS" circle></el-button>
+              <el-button icon="Operation" @click="showdrawer(true)" circle></el-button>
+              <el-button icon="Search" @click="searchHide" circle></el-button>
+            </div>
+          </div>
+        </el-row>
+  
+        <!-- 首页表格 -->
+        <el-row>
+          <!-- 列表模块 -->
+          <tablecmt
+            class="tableNode"
+            :columnList="details.columnList"
+            :tableData="data"
+            :loading="loadingObj.list"
+            @inputTxt="inputsc"
+            @timeCheck="timesc"
+            @btnCheck="btnsc"
+            @selectCheck="selectsc"
+            @selection="selectionChange"
+          >
+            <template #default="slotProps">
+              <template v-if="slotProps.scope.column.label === '操作'">
+                <div class="ElBtnClass">
+                  <el-button @click="view(slotProps.scope)">查看</el-button>
+                </div>
+              </template>
+            </template>
+          </tablecmt>
+        </el-row>
+  
+        <!-- 分页模块 -->
+        <el-row class="el-fy">
+          <div class="avue-crud__pagination flex-c-sb" style="width: 100%">
+            <div></div>
+            <el-pagination
+              align="right"
+              background
+              @size-change="sizeChange"
+              @current-change="currentChange"
+              :current-page="page.currentPage"
+              :page-sizes="[30, 50, 80, 120]"
+              :page-size="page.pageSize"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="page.total"
+            >
+            </el-pagination>
+          </div>
+        </el-row>
+      </div>
+    </basic-container>
+    <!-- 列表配置显示 -->
+    <edittablehead
+      @closce="showdrawer"
+      :drawerShow="drawerShow"
+      :columnList="details.columnList"
+      v-model="details.columnList"
+    ></edittablehead>
+  </template>
+  
+  <script setup>
+  import { ref, reactive, toRefs, computed, onMounted, nextTick, watch } from 'vue';
+  import { columnList } from '@/option/storagecost/Warehousedaily.js';
+  import {
+    $_GetexpenseWarehouseDay,
+    $_getMyWarehouseList,
+    $_expenseWarehouseMonth,
+  } from '@/api/storagecost/index.js';
+  import { getDictionaryBiz } from '@/api/system/dict'; //字典
+  import { processRowProperty, setNodeHeight } from '@/utils/util';
+  import functions from '@/utils/functions.js';
+  import { ElMessageBox, ElMessage } from 'element-plus';
+  import { downloadXls } from '@/utils/util';
+  import { useStore } from 'vuex';
+  import dayjs from 'dayjs';
+  const $router = useRouter(); //跳转
+  const $useStore = useStore(); //权限
+  const $route = useRoute(); //获取地址栏参数
+  const warehouseList = ref([]); //仓库
+  const monthList = ref([]); //月份
+  const queryTop = ref({}); //顶部查询
+  const details = reactive({
+    /** 是否开启搜索 */
+    search: false,
+    /** 表格搜索条件 */
+    query: {},
+    /** 时间快捷选择设置 */
+    shortcuts: [
+      {
+        text: '最近一周',
+        value: () => {
+          const end = new Date();
+          const start = new Date();
+          start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+          return [start, end];
+        },
+      },
+      {
+        text: '最近一个月',
+        value: () => {
+          const end = new Date();
+          const start = new Date();
+          start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+          return [start, end];
+        },
+      },
+      {
+        text: '最近三个月',
+        value: () => {
+          const end = new Date();
+          const start = new Date();
+          start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+          return [start, end];
+        },
+      },
+    ],
+    /** 列表 */
+    columnList,
+  
+    /** 列表数据 */
+    data: [],
+    /** 页面loading */
+    loadingObj: {
+      /** 列表加载loading */
+      list: false,
+      packageListLoading: false,
+    },
+    /** 列表复选框选中的数据 */
+    selectionList: [],
+    /** 是否显示设置表格 */
+    drawerShow: false,
+    /** 分页参数 */
+    page: {
+      currentPage: 1,
+      pageSize: 50,
+      total: 0,
+    },
+  
+    /** 弹出层显示 */
+    popUpShow: {
+      /** 包件明细 */
+      packageOrderListlVisited: false,
+      /** 二维码 */
+      QRCodeVisible: false,
+      /** 修改客户信息 */
+      editClientInfoVisible: false,
+    },
+    /** 列表Dom节点 */
+    listNode: '',
+    form: {},
+    /** 全屏 */
+    fullscreenObj: {
+      /** 包明细 */
+      packageOrderListlVisited: false,
+    },
+  });
+  
+  const {
+    search,
+    query,
+    shortcuts,
+    data,
+    loadingObj,
+    selectionList,
+    drawerShow,
+    page,
+    trickleLoadingPage,
+    zeroAdditionalRecordingInfo,
+    popUpShow,
+    recorddata,
+  } = toRefs(details);
+  
+  /** 展开列表控件 */
+  const showdrawer = _flag => {
+    details.drawerShow = _flag;
+  };
+  /** 表格表头输入框搜索 */
+  const inputsc = (index, row) => {
+    details.query[row.prop] = index;
+    processRowProperty(index, row, details);
+    console.log(details.query, '合并后的参数');
+    onLoad();
+  };
+  // 实例函数
+  const test = val => {};
+  /** 表格表头时间选择 */
+  const timesc = (index, row) => {
+    console.log(index, row);
+    if (!!index) {
+      index = dayjs(index).format('YYYY-MM-DD');
+    }
+    details.query[row.prop] = index;
+    if (!index) {
+      delete details.query[row.prop];
+    }
+  };
+  
+  /** 表格表头输入框搜索 */
+  const btnsc = val => {
+    console.log(val);
+  };
+  /** 表格表头下拉框选择 */
+  const selectsc = (index, row) => {
+    processRowProperty(index, row, details);
+  };
+  /** 表格表头复选框选择 */
+  const selectionChange = list => {
+    console.log(list);
+    details.selectionList = list;
+  };
+  // 网页顶部搜索按钮
+  const searchChange = () => {
+    if (queryTop.value.warehouse?.length) {
+      queryTop.value.warehouseName = queryTop.value.warehouse.join(',');
+    } else {
+      delete queryTop.value.warehouseName;
+      delete details.query.warehouseName;
+    }
+    if (queryTop.value.costSettlementMonth) {
+      if (!queryTop.value.costSettlementYear) {
+        ElMessage({
+          message: '请选择年份',
+          type: 'warning',
+        });
+        return;
+      }
+    }
+    details.query = { ...details.query, ...queryTop.value };
+    delete details.query.warehouse; //删除多余字段
+    onLoad();
+  };
+  // 清空
+  const searchReset = () => {
+    details.query = {};
+    queryTop.value = {};
+    details.columnList.forEach(item => {
+      item.values = '';
+    });
+    onLoad();
+  };
+  // 每页多少条
+  const sizeChange = val => {
+    details.page.pageSize = val;
+    onLoad();
+  };
+  /** 页码改变执行的回调 */
+  const currentChange = val => {
+    details.page.currentPage = val;
+    onLoad();
+  };
+  // 刷新按钮
+  const searchChangeS = () => {
+    onLoad(); //获取列表参数
+  };
+  // 顶部搜索
+  const searchHide = () => {
+    console.log(details);
+    details.search = !details.search;
+    const _node = document.querySelector('.tableNode');
+    setNodeHeight(_node, '', true);
+  };
+  // 字典公共函数
+  function updateDictionary(targetArray, dictionaryType) {
+    getDictionaryBiz(dictionaryType).then(res => {
+      console.log(res, '字典');
+      res.data.data.forEach(item => {
+        targetArray.push({
+          value: item.dictKey,
+          label: item.dictValue,
+        });
+      });
+    });
+  }
+  
+  // 获取仓库
+  const MyWarehouseList = () => {
+    $_getMyWarehouseList().then(res => {
+      console.log(res, '仓库列表');
+      res.data.data.forEach(item => {
+        warehouseList.value.push({
+          value: item.name,
+          label: item.name,
+        });
+      });
+    });
+  };
+  
+  // 页面初始化
+  const onLoad = value => {
+    let data = {
+      current: details.page.currentPage,
+      size: details.page.pageSize,
+      ...details.query,
+      ...value,
+    };
+    $_GetexpenseWarehouseDay(data).then(res => {
+      if (res.data.code == 200) {
+        details.data = res.data.data.records || [];
+        details.page.total = res.data.data.total; //页码
+      }
+    });
+  };
+  const monthFn = () => {
+    for (let i = 0; i < 12; i++) {
+      monthList.value.push({
+        value: i + 1,
+        label: i + 1 + '月',
+      });
+    }
+  };
+  const PageOnload = () => {
+    onLoad(); //获取列表参数
+    MyWarehouseList(); //获取仓库
+    monthFn(); //月份初始化
+  };
+  // 页面初始化方法
+  PageOnload();
+  //导出
+  
+  const exportExcel = () => {
+    ElMessageBox.confirm('是否导出数据?', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    })
+      .then(() => {
+        console.log(details.query, '搜索参数');
+        details.loadingObj.list = true;
+        let data = {
+          ...details.query,
+        };
+        console.log(data, '要提交的数据');
+        $_expenseWarehouseMonth(data).then(res => {
+          details.loadingObj.list = false;
+          downloadXls(res.data, `月度仓储成本统计.xlsx`);
+          ElMessage({
+            message: '导出成功',
+            type: 'success',
+          });
+        });
+      })
+      .catch(() => {});
+  };
+  </script>
+  
+  <style scoped lang="scss">
+  .ElBtnClass button {
+    border: none;
+    padding: 0;
+    background-color: transparent;
+  }
+  :deep(.el-card) {
+    height: 100%;
+  }
+  :deep(.el-card__body) {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+  .el-fy {
+    flex: 1;
+    display: flex;
+    align-items: flex-end;
+    margin-bottom: 10px;
+  }
+  .avue-crud {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+  .el-fr-d {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    .el-btn {
+      margin-right: 0;
+    }
+  }
+  </style>
+  
\ No newline at end of file