diff --git a/src/pages/dashboard/components/Editor.vue b/src/pages/dashboard/components/Editor.vue
index 1aaf09b..4ad3a6f 100644
--- a/src/pages/dashboard/components/Editor.vue
+++ b/src/pages/dashboard/components/Editor.vue
@@ -5,7 +5,7 @@ import SvgDashboard from "../images/dashboard.svg?component" // vite-svg-loader
 <template>
   <div class="app-container center">
     <SvgDashboard class="svg" />
-    <p>欢迎来到「Editor」角色专属首页</p>
+    <p>欢迎来到数据运营管理平台</p>
   </div>
 </template>
 
diff --git a/src/pages/demo/drainageWorkshop/displacement.vue b/src/pages/demo/drainageWorkshop/displacement.vue
new file mode 100644
index 0000000..8933327
--- /dev/null
+++ b/src/pages/demo/drainageWorkshop/displacement.vue
@@ -0,0 +1,193 @@
+<script>
+import {
+  updateFangpaishuiPumpoperationrecordApi,
+  deleteFangpaishuiPumpoperationrecordApi,
+  findPumpoperationrecordByDetailApi,
+  addFangpaishuiPumpoperationrecordApi,
+  findFangpaishuiPumpoperationrecordByMonthApi,
+} from "@@/apis/tables/drainageWorkshop/pumpOperationLog.ts";
+import { getSpecificDate } from "@@/utils/datetime";
+export default {
+  data() {
+    return {
+      date: "",
+      tableList: [],
+    };
+  },
+  created() {
+    // 页面渲染之前执行，一般调用methods定义的方法
+    this.getList();
+  },
+  methods: {
+    //获取列表
+    async getList() {
+      const res = await findAllMiningglossApi();
+      console.log(res);
+    },
+    //按月查询
+    async getMouthLoss() {
+      let data = getSpecificDate(this.date);
+      const res = await findTotalMiningByMonthApi(data);
+      console.log(res);
+    },
+    removeDataById(id) {
+      ElMessageBox.confirm("此操作将永久删除降水量记录，是否继续？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deletePrecipitation(id).then(() => {
+            // 删除成功
+            ElMessage({
+              type: "success",
+              message: "删除成功!",
+            });
+            // 重新加载列表
+            this.getList();
+          });
+        })
+        .catch(() => {
+          ElMessage({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    handleAdd() {
+      this.isEdit = false; // 设置为新增操作
+      this.precipitationform = { plateRange: "" }; // 初始化为空数据
+      this.updateprecipitationform = true; // 显示弹窗
+    },
+    handleEdit(id) {
+      this.isEdit = true;
+      findPrecipitationById(id)
+        .then((Response) => {
+          this.precipitationform = Response.data.precipitationById;
+          console.log(this.precipitationform);
+          this.updateprecipitationform = true;
+        })
+        .catch(() => {
+          ElMessage.error("查询失败，请稍后重试");
+        });
+    },
+    formatMonth(dateTime) {
+      if (!dateTime) return "-";
+      return dateTime.slice(0, 7); // 直接截取 "yyyy-MM"
+      // 或用 dayjs（需安装）：
+      // return dayjs(dateTime).format('YYYY-MM');
+    },
+    updatePrecipitation() {
+      if (this.isEdit) {
+        updatePrecipitationApi(this.precipitationform)
+          .then(() => {
+            ElMessage({
+              type: "success",
+              message: "修改成功!",
+            });
+            this.updateprecipitationform = false;
+            this.getList();
+          })
+          .catch(() => {
+            ElMessage.error("修改失败，请稍后重试");
+          });
+      } else {
+        addPrecipitationApi(this.precipitationform)
+          .then(() => {
+            ElMessage({
+              type: "success",
+              message: "新增成功!",
+            });
+            this.updateprecipitationform = false;
+            this.getList();
+          })
+          .catch(() => {
+            ElMessage.error("新增失败，请稍后重试");
+          });
+      }
+    },
+  },
+};
+</script>
+
+<template>
+  <div class="app-container">
+    <div style="margin-bottom: 20px">
+      <el-date-picker v-model="date" type="month" placeholder="选择年月">
+      </el-date-picker>
+      <el-button
+        type="primary"
+        size="mini"
+        style="margin-left: 20px"
+        @click="getMouthLoss"
+        >查询</el-button
+      >
+    </div>
+    <el-table
+      :data="tableList"
+      border
+      style="width: 100%"
+      :span-method="spanMethod"
+      :header-align="center"
+      :cell-style="rowStyle"
+    >
+      <!-- 表格列定义 -->
+      <el-table-column align="center" prop="amount" label="平盘(m)" />
+      <el-table-column align="center" prop="amount" label="铲号(#)" />
+      <el-table-column align="center" prop="amount" label="出矿量(t)" />
+      <el-table-column align="center" prop="amount" label="剥离量(t)" />
+      <el-table-column align="center" prop="amount" label="采剥总量(t)" />
+      <el-table-column align="center" prop="amount" label="计量单位" />
+      <el-table-column align="center" prop="amount" label="月份" />
+      <el-table-column align="center" fixed="right" label="操作" width="300">
+        <template #default="scope">
+          <div style="display: flex; justify-content: center; gap: 8px">
+            <el-button
+              type="primary"
+              size="small"
+              @click="handleEdit(scope.row.precipID)"
+            >
+              修改
+            </el-button>
+            <el-button
+              type="danger"
+              size="small"
+              @click="removeDataById(scope.row.precipID)"
+            >
+              删除
+            </el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-dialog
+      v-model="updateprecipitationform"
+      title="修改降水量信息"
+      width="500"
+    >
+      <el-form :model="precipitationform">
+        <el-form-item label="降水量" :label-width="formLabelWidth">
+          <el-input v-model="precipitationform.amount" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="计量单位" :label-width="formLabelWidth">
+          <el-input v-model="precipitationform.unit" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="月份" :label-width="formLabelWidth">
+          <el-date-picker
+            v-model="precipitationform.monthDate"
+            type="datetime"
+            placeholder="选择月份"
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="updateprecipitationform = false"> 取消 </el-button>
+          <el-button type="primary" @click="updatePrecipitation">
+            提交
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
diff --git a/src/pages/demo/drainageWorkshop/drainageReport.vue b/src/pages/demo/drainageWorkshop/drainageReport.vue
new file mode 100644
index 0000000..8933327
--- /dev/null
+++ b/src/pages/demo/drainageWorkshop/drainageReport.vue
@@ -0,0 +1,193 @@
+<script>
+import {
+  updateFangpaishuiPumpoperationrecordApi,
+  deleteFangpaishuiPumpoperationrecordApi,
+  findPumpoperationrecordByDetailApi,
+  addFangpaishuiPumpoperationrecordApi,
+  findFangpaishuiPumpoperationrecordByMonthApi,
+} from "@@/apis/tables/drainageWorkshop/pumpOperationLog.ts";
+import { getSpecificDate } from "@@/utils/datetime";
+export default {
+  data() {
+    return {
+      date: "",
+      tableList: [],
+    };
+  },
+  created() {
+    // 页面渲染之前执行，一般调用methods定义的方法
+    this.getList();
+  },
+  methods: {
+    //获取列表
+    async getList() {
+      const res = await findAllMiningglossApi();
+      console.log(res);
+    },
+    //按月查询
+    async getMouthLoss() {
+      let data = getSpecificDate(this.date);
+      const res = await findTotalMiningByMonthApi(data);
+      console.log(res);
+    },
+    removeDataById(id) {
+      ElMessageBox.confirm("此操作将永久删除降水量记录，是否继续？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deletePrecipitation(id).then(() => {
+            // 删除成功
+            ElMessage({
+              type: "success",
+              message: "删除成功!",
+            });
+            // 重新加载列表
+            this.getList();
+          });
+        })
+        .catch(() => {
+          ElMessage({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    handleAdd() {
+      this.isEdit = false; // 设置为新增操作
+      this.precipitationform = { plateRange: "" }; // 初始化为空数据
+      this.updateprecipitationform = true; // 显示弹窗
+    },
+    handleEdit(id) {
+      this.isEdit = true;
+      findPrecipitationById(id)
+        .then((Response) => {
+          this.precipitationform = Response.data.precipitationById;
+          console.log(this.precipitationform);
+          this.updateprecipitationform = true;
+        })
+        .catch(() => {
+          ElMessage.error("查询失败，请稍后重试");
+        });
+    },
+    formatMonth(dateTime) {
+      if (!dateTime) return "-";
+      return dateTime.slice(0, 7); // 直接截取 "yyyy-MM"
+      // 或用 dayjs（需安装）：
+      // return dayjs(dateTime).format('YYYY-MM');
+    },
+    updatePrecipitation() {
+      if (this.isEdit) {
+        updatePrecipitationApi(this.precipitationform)
+          .then(() => {
+            ElMessage({
+              type: "success",
+              message: "修改成功!",
+            });
+            this.updateprecipitationform = false;
+            this.getList();
+          })
+          .catch(() => {
+            ElMessage.error("修改失败，请稍后重试");
+          });
+      } else {
+        addPrecipitationApi(this.precipitationform)
+          .then(() => {
+            ElMessage({
+              type: "success",
+              message: "新增成功!",
+            });
+            this.updateprecipitationform = false;
+            this.getList();
+          })
+          .catch(() => {
+            ElMessage.error("新增失败，请稍后重试");
+          });
+      }
+    },
+  },
+};
+</script>
+
+<template>
+  <div class="app-container">
+    <div style="margin-bottom: 20px">
+      <el-date-picker v-model="date" type="month" placeholder="选择年月">
+      </el-date-picker>
+      <el-button
+        type="primary"
+        size="mini"
+        style="margin-left: 20px"
+        @click="getMouthLoss"
+        >查询</el-button
+      >
+    </div>
+    <el-table
+      :data="tableList"
+      border
+      style="width: 100%"
+      :span-method="spanMethod"
+      :header-align="center"
+      :cell-style="rowStyle"
+    >
+      <!-- 表格列定义 -->
+      <el-table-column align="center" prop="amount" label="平盘(m)" />
+      <el-table-column align="center" prop="amount" label="铲号(#)" />
+      <el-table-column align="center" prop="amount" label="出矿量(t)" />
+      <el-table-column align="center" prop="amount" label="剥离量(t)" />
+      <el-table-column align="center" prop="amount" label="采剥总量(t)" />
+      <el-table-column align="center" prop="amount" label="计量单位" />
+      <el-table-column align="center" prop="amount" label="月份" />
+      <el-table-column align="center" fixed="right" label="操作" width="300">
+        <template #default="scope">
+          <div style="display: flex; justify-content: center; gap: 8px">
+            <el-button
+              type="primary"
+              size="small"
+              @click="handleEdit(scope.row.precipID)"
+            >
+              修改
+            </el-button>
+            <el-button
+              type="danger"
+              size="small"
+              @click="removeDataById(scope.row.precipID)"
+            >
+              删除
+            </el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-dialog
+      v-model="updateprecipitationform"
+      title="修改降水量信息"
+      width="500"
+    >
+      <el-form :model="precipitationform">
+        <el-form-item label="降水量" :label-width="formLabelWidth">
+          <el-input v-model="precipitationform.amount" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="计量单位" :label-width="formLabelWidth">
+          <el-input v-model="precipitationform.unit" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="月份" :label-width="formLabelWidth">
+          <el-date-picker
+            v-model="precipitationform.monthDate"
+            type="datetime"
+            placeholder="选择月份"
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="updateprecipitationform = false"> 取消 </el-button>
+          <el-button type="primary" @click="updatePrecipitation">
+            提交
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
diff --git a/src/pages/demo/drainageWorkshop/pouringWaterVolume.vue b/src/pages/demo/drainageWorkshop/pouringWaterVolume.vue
new file mode 100644
index 0000000..8933327
--- /dev/null
+++ b/src/pages/demo/drainageWorkshop/pouringWaterVolume.vue
@@ -0,0 +1,193 @@
+<script>
+import {
+  updateFangpaishuiPumpoperationrecordApi,
+  deleteFangpaishuiPumpoperationrecordApi,
+  findPumpoperationrecordByDetailApi,
+  addFangpaishuiPumpoperationrecordApi,
+  findFangpaishuiPumpoperationrecordByMonthApi,
+} from "@@/apis/tables/drainageWorkshop/pumpOperationLog.ts";
+import { getSpecificDate } from "@@/utils/datetime";
+export default {
+  data() {
+    return {
+      date: "",
+      tableList: [],
+    };
+  },
+  created() {
+    // 页面渲染之前执行，一般调用methods定义的方法
+    this.getList();
+  },
+  methods: {
+    //获取列表
+    async getList() {
+      const res = await findAllMiningglossApi();
+      console.log(res);
+    },
+    //按月查询
+    async getMouthLoss() {
+      let data = getSpecificDate(this.date);
+      const res = await findTotalMiningByMonthApi(data);
+      console.log(res);
+    },
+    removeDataById(id) {
+      ElMessageBox.confirm("此操作将永久删除降水量记录，是否继续？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deletePrecipitation(id).then(() => {
+            // 删除成功
+            ElMessage({
+              type: "success",
+              message: "删除成功!",
+            });
+            // 重新加载列表
+            this.getList();
+          });
+        })
+        .catch(() => {
+          ElMessage({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    handleAdd() {
+      this.isEdit = false; // 设置为新增操作
+      this.precipitationform = { plateRange: "" }; // 初始化为空数据
+      this.updateprecipitationform = true; // 显示弹窗
+    },
+    handleEdit(id) {
+      this.isEdit = true;
+      findPrecipitationById(id)
+        .then((Response) => {
+          this.precipitationform = Response.data.precipitationById;
+          console.log(this.precipitationform);
+          this.updateprecipitationform = true;
+        })
+        .catch(() => {
+          ElMessage.error("查询失败，请稍后重试");
+        });
+    },
+    formatMonth(dateTime) {
+      if (!dateTime) return "-";
+      return dateTime.slice(0, 7); // 直接截取 "yyyy-MM"
+      // 或用 dayjs（需安装）：
+      // return dayjs(dateTime).format('YYYY-MM');
+    },
+    updatePrecipitation() {
+      if (this.isEdit) {
+        updatePrecipitationApi(this.precipitationform)
+          .then(() => {
+            ElMessage({
+              type: "success",
+              message: "修改成功!",
+            });
+            this.updateprecipitationform = false;
+            this.getList();
+          })
+          .catch(() => {
+            ElMessage.error("修改失败，请稍后重试");
+          });
+      } else {
+        addPrecipitationApi(this.precipitationform)
+          .then(() => {
+            ElMessage({
+              type: "success",
+              message: "新增成功!",
+            });
+            this.updateprecipitationform = false;
+            this.getList();
+          })
+          .catch(() => {
+            ElMessage.error("新增失败，请稍后重试");
+          });
+      }
+    },
+  },
+};
+</script>
+
+<template>
+  <div class="app-container">
+    <div style="margin-bottom: 20px">
+      <el-date-picker v-model="date" type="month" placeholder="选择年月">
+      </el-date-picker>
+      <el-button
+        type="primary"
+        size="mini"
+        style="margin-left: 20px"
+        @click="getMouthLoss"
+        >查询</el-button
+      >
+    </div>
+    <el-table
+      :data="tableList"
+      border
+      style="width: 100%"
+      :span-method="spanMethod"
+      :header-align="center"
+      :cell-style="rowStyle"
+    >
+      <!-- 表格列定义 -->
+      <el-table-column align="center" prop="amount" label="平盘(m)" />
+      <el-table-column align="center" prop="amount" label="铲号(#)" />
+      <el-table-column align="center" prop="amount" label="出矿量(t)" />
+      <el-table-column align="center" prop="amount" label="剥离量(t)" />
+      <el-table-column align="center" prop="amount" label="采剥总量(t)" />
+      <el-table-column align="center" prop="amount" label="计量单位" />
+      <el-table-column align="center" prop="amount" label="月份" />
+      <el-table-column align="center" fixed="right" label="操作" width="300">
+        <template #default="scope">
+          <div style="display: flex; justify-content: center; gap: 8px">
+            <el-button
+              type="primary"
+              size="small"
+              @click="handleEdit(scope.row.precipID)"
+            >
+              修改
+            </el-button>
+            <el-button
+              type="danger"
+              size="small"
+              @click="removeDataById(scope.row.precipID)"
+            >
+              删除
+            </el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-dialog
+      v-model="updateprecipitationform"
+      title="修改降水量信息"
+      width="500"
+    >
+      <el-form :model="precipitationform">
+        <el-form-item label="降水量" :label-width="formLabelWidth">
+          <el-input v-model="precipitationform.amount" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="计量单位" :label-width="formLabelWidth">
+          <el-input v-model="precipitationform.unit" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="月份" :label-width="formLabelWidth">
+          <el-date-picker
+            v-model="precipitationform.monthDate"
+            type="datetime"
+            placeholder="选择月份"
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="updateprecipitationform = false"> 取消 </el-button>
+          <el-button type="primary" @click="updatePrecipitation">
+            提交
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
diff --git a/src/pages/demo/electricLocomotiveWorkshop/dataImport.vue b/src/pages/demo/electricLocomotiveWorkshop/dataImport.vue
new file mode 100644
index 0000000..8933327
--- /dev/null
+++ b/src/pages/demo/electricLocomotiveWorkshop/dataImport.vue
@@ -0,0 +1,193 @@
+<script>
+import {
+  updateFangpaishuiPumpoperationrecordApi,
+  deleteFangpaishuiPumpoperationrecordApi,
+  findPumpoperationrecordByDetailApi,
+  addFangpaishuiPumpoperationrecordApi,
+  findFangpaishuiPumpoperationrecordByMonthApi,
+} from "@@/apis/tables/drainageWorkshop/pumpOperationLog.ts";
+import { getSpecificDate } from "@@/utils/datetime";
+export default {
+  data() {
+    return {
+      date: "",
+      tableList: [],
+    };
+  },
+  created() {
+    // 页面渲染之前执行，一般调用methods定义的方法
+    this.getList();
+  },
+  methods: {
+    //获取列表
+    async getList() {
+      const res = await findAllMiningglossApi();
+      console.log(res);
+    },
+    //按月查询
+    async getMouthLoss() {
+      let data = getSpecificDate(this.date);
+      const res = await findTotalMiningByMonthApi(data);
+      console.log(res);
+    },
+    removeDataById(id) {
+      ElMessageBox.confirm("此操作将永久删除降水量记录，是否继续？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deletePrecipitation(id).then(() => {
+            // 删除成功
+            ElMessage({
+              type: "success",
+              message: "删除成功!",
+            });
+            // 重新加载列表
+            this.getList();
+          });
+        })
+        .catch(() => {
+          ElMessage({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    handleAdd() {
+      this.isEdit = false; // 设置为新增操作
+      this.precipitationform = { plateRange: "" }; // 初始化为空数据
+      this.updateprecipitationform = true; // 显示弹窗
+    },
+    handleEdit(id) {
+      this.isEdit = true;
+      findPrecipitationById(id)
+        .then((Response) => {
+          this.precipitationform = Response.data.precipitationById;
+          console.log(this.precipitationform);
+          this.updateprecipitationform = true;
+        })
+        .catch(() => {
+          ElMessage.error("查询失败，请稍后重试");
+        });
+    },
+    formatMonth(dateTime) {
+      if (!dateTime) return "-";
+      return dateTime.slice(0, 7); // 直接截取 "yyyy-MM"
+      // 或用 dayjs（需安装）：
+      // return dayjs(dateTime).format('YYYY-MM');
+    },
+    updatePrecipitation() {
+      if (this.isEdit) {
+        updatePrecipitationApi(this.precipitationform)
+          .then(() => {
+            ElMessage({
+              type: "success",
+              message: "修改成功!",
+            });
+            this.updateprecipitationform = false;
+            this.getList();
+          })
+          .catch(() => {
+            ElMessage.error("修改失败，请稍后重试");
+          });
+      } else {
+        addPrecipitationApi(this.precipitationform)
+          .then(() => {
+            ElMessage({
+              type: "success",
+              message: "新增成功!",
+            });
+            this.updateprecipitationform = false;
+            this.getList();
+          })
+          .catch(() => {
+            ElMessage.error("新增失败，请稍后重试");
+          });
+      }
+    },
+  },
+};
+</script>
+
+<template>
+  <div class="app-container">
+    <div style="margin-bottom: 20px">
+      <el-date-picker v-model="date" type="month" placeholder="选择年月">
+      </el-date-picker>
+      <el-button
+        type="primary"
+        size="mini"
+        style="margin-left: 20px"
+        @click="getMouthLoss"
+        >查询</el-button
+      >
+    </div>
+    <el-table
+      :data="tableList"
+      border
+      style="width: 100%"
+      :span-method="spanMethod"
+      :header-align="center"
+      :cell-style="rowStyle"
+    >
+      <!-- 表格列定义 -->
+      <el-table-column align="center" prop="amount" label="平盘(m)" />
+      <el-table-column align="center" prop="amount" label="铲号(#)" />
+      <el-table-column align="center" prop="amount" label="出矿量(t)" />
+      <el-table-column align="center" prop="amount" label="剥离量(t)" />
+      <el-table-column align="center" prop="amount" label="采剥总量(t)" />
+      <el-table-column align="center" prop="amount" label="计量单位" />
+      <el-table-column align="center" prop="amount" label="月份" />
+      <el-table-column align="center" fixed="right" label="操作" width="300">
+        <template #default="scope">
+          <div style="display: flex; justify-content: center; gap: 8px">
+            <el-button
+              type="primary"
+              size="small"
+              @click="handleEdit(scope.row.precipID)"
+            >
+              修改
+            </el-button>
+            <el-button
+              type="danger"
+              size="small"
+              @click="removeDataById(scope.row.precipID)"
+            >
+              删除
+            </el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-dialog
+      v-model="updateprecipitationform"
+      title="修改降水量信息"
+      width="500"
+    >
+      <el-form :model="precipitationform">
+        <el-form-item label="降水量" :label-width="formLabelWidth">
+          <el-input v-model="precipitationform.amount" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="计量单位" :label-width="formLabelWidth">
+          <el-input v-model="precipitationform.unit" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="月份" :label-width="formLabelWidth">
+          <el-date-picker
+            v-model="precipitationform.monthDate"
+            type="datetime"
+            placeholder="选择月份"
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="updateprecipitationform = false"> 取消 </el-button>
+          <el-button type="primary" @click="updatePrecipitation">
+            提交
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
diff --git a/src/pages/demo/electricLocomotiveWorkshop/homeworkTimeLedger.vue b/src/pages/demo/electricLocomotiveWorkshop/homeworkTimeLedger.vue
new file mode 100644
index 0000000..8933327
--- /dev/null
+++ b/src/pages/demo/electricLocomotiveWorkshop/homeworkTimeLedger.vue
@@ -0,0 +1,193 @@
+<script>
+import {
+  updateFangpaishuiPumpoperationrecordApi,
+  deleteFangpaishuiPumpoperationrecordApi,
+  findPumpoperationrecordByDetailApi,
+  addFangpaishuiPumpoperationrecordApi,
+  findFangpaishuiPumpoperationrecordByMonthApi,
+} from "@@/apis/tables/drainageWorkshop/pumpOperationLog.ts";
+import { getSpecificDate } from "@@/utils/datetime";
+export default {
+  data() {
+    return {
+      date: "",
+      tableList: [],
+    };
+  },
+  created() {
+    // 页面渲染之前执行，一般调用methods定义的方法
+    this.getList();
+  },
+  methods: {
+    //获取列表
+    async getList() {
+      const res = await findAllMiningglossApi();
+      console.log(res);
+    },
+    //按月查询
+    async getMouthLoss() {
+      let data = getSpecificDate(this.date);
+      const res = await findTotalMiningByMonthApi(data);
+      console.log(res);
+    },
+    removeDataById(id) {
+      ElMessageBox.confirm("此操作将永久删除降水量记录，是否继续？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deletePrecipitation(id).then(() => {
+            // 删除成功
+            ElMessage({
+              type: "success",
+              message: "删除成功!",
+            });
+            // 重新加载列表
+            this.getList();
+          });
+        })
+        .catch(() => {
+          ElMessage({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    handleAdd() {
+      this.isEdit = false; // 设置为新增操作
+      this.precipitationform = { plateRange: "" }; // 初始化为空数据
+      this.updateprecipitationform = true; // 显示弹窗
+    },
+    handleEdit(id) {
+      this.isEdit = true;
+      findPrecipitationById(id)
+        .then((Response) => {
+          this.precipitationform = Response.data.precipitationById;
+          console.log(this.precipitationform);
+          this.updateprecipitationform = true;
+        })
+        .catch(() => {
+          ElMessage.error("查询失败，请稍后重试");
+        });
+    },
+    formatMonth(dateTime) {
+      if (!dateTime) return "-";
+      return dateTime.slice(0, 7); // 直接截取 "yyyy-MM"
+      // 或用 dayjs（需安装）：
+      // return dayjs(dateTime).format('YYYY-MM');
+    },
+    updatePrecipitation() {
+      if (this.isEdit) {
+        updatePrecipitationApi(this.precipitationform)
+          .then(() => {
+            ElMessage({
+              type: "success",
+              message: "修改成功!",
+            });
+            this.updateprecipitationform = false;
+            this.getList();
+          })
+          .catch(() => {
+            ElMessage.error("修改失败，请稍后重试");
+          });
+      } else {
+        addPrecipitationApi(this.precipitationform)
+          .then(() => {
+            ElMessage({
+              type: "success",
+              message: "新增成功!",
+            });
+            this.updateprecipitationform = false;
+            this.getList();
+          })
+          .catch(() => {
+            ElMessage.error("新增失败，请稍后重试");
+          });
+      }
+    },
+  },
+};
+</script>
+
+<template>
+  <div class="app-container">
+    <div style="margin-bottom: 20px">
+      <el-date-picker v-model="date" type="month" placeholder="选择年月">
+      </el-date-picker>
+      <el-button
+        type="primary"
+        size="mini"
+        style="margin-left: 20px"
+        @click="getMouthLoss"
+        >查询</el-button
+      >
+    </div>
+    <el-table
+      :data="tableList"
+      border
+      style="width: 100%"
+      :span-method="spanMethod"
+      :header-align="center"
+      :cell-style="rowStyle"
+    >
+      <!-- 表格列定义 -->
+      <el-table-column align="center" prop="amount" label="平盘(m)" />
+      <el-table-column align="center" prop="amount" label="铲号(#)" />
+      <el-table-column align="center" prop="amount" label="出矿量(t)" />
+      <el-table-column align="center" prop="amount" label="剥离量(t)" />
+      <el-table-column align="center" prop="amount" label="采剥总量(t)" />
+      <el-table-column align="center" prop="amount" label="计量单位" />
+      <el-table-column align="center" prop="amount" label="月份" />
+      <el-table-column align="center" fixed="right" label="操作" width="300">
+        <template #default="scope">
+          <div style="display: flex; justify-content: center; gap: 8px">
+            <el-button
+              type="primary"
+              size="small"
+              @click="handleEdit(scope.row.precipID)"
+            >
+              修改
+            </el-button>
+            <el-button
+              type="danger"
+              size="small"
+              @click="removeDataById(scope.row.precipID)"
+            >
+              删除
+            </el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-dialog
+      v-model="updateprecipitationform"
+      title="修改降水量信息"
+      width="500"
+    >
+      <el-form :model="precipitationform">
+        <el-form-item label="降水量" :label-width="formLabelWidth">
+          <el-input v-model="precipitationform.amount" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="计量单位" :label-width="formLabelWidth">
+          <el-input v-model="precipitationform.unit" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="月份" :label-width="formLabelWidth">
+          <el-date-picker
+            v-model="precipitationform.monthDate"
+            type="datetime"
+            placeholder="选择月份"
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="updateprecipitationform = false"> 取消 </el-button>
+          <el-button type="primary" @click="updatePrecipitation">
+            提交
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
diff --git a/src/pages/demo/electricLocomotiveWorkshop/mineralTransportationStatistics.vue b/src/pages/demo/electricLocomotiveWorkshop/mineralTransportationStatistics.vue
new file mode 100644
index 0000000..8933327
--- /dev/null
+++ b/src/pages/demo/electricLocomotiveWorkshop/mineralTransportationStatistics.vue
@@ -0,0 +1,193 @@
+<script>
+import {
+  updateFangpaishuiPumpoperationrecordApi,
+  deleteFangpaishuiPumpoperationrecordApi,
+  findPumpoperationrecordByDetailApi,
+  addFangpaishuiPumpoperationrecordApi,
+  findFangpaishuiPumpoperationrecordByMonthApi,
+} from "@@/apis/tables/drainageWorkshop/pumpOperationLog.ts";
+import { getSpecificDate } from "@@/utils/datetime";
+export default {
+  data() {
+    return {
+      date: "",
+      tableList: [],
+    };
+  },
+  created() {
+    // 页面渲染之前执行，一般调用methods定义的方法
+    this.getList();
+  },
+  methods: {
+    //获取列表
+    async getList() {
+      const res = await findAllMiningglossApi();
+      console.log(res);
+    },
+    //按月查询
+    async getMouthLoss() {
+      let data = getSpecificDate(this.date);
+      const res = await findTotalMiningByMonthApi(data);
+      console.log(res);
+    },
+    removeDataById(id) {
+      ElMessageBox.confirm("此操作将永久删除降水量记录，是否继续？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deletePrecipitation(id).then(() => {
+            // 删除成功
+            ElMessage({
+              type: "success",
+              message: "删除成功!",
+            });
+            // 重新加载列表
+            this.getList();
+          });
+        })
+        .catch(() => {
+          ElMessage({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    handleAdd() {
+      this.isEdit = false; // 设置为新增操作
+      this.precipitationform = { plateRange: "" }; // 初始化为空数据
+      this.updateprecipitationform = true; // 显示弹窗
+    },
+    handleEdit(id) {
+      this.isEdit = true;
+      findPrecipitationById(id)
+        .then((Response) => {
+          this.precipitationform = Response.data.precipitationById;
+          console.log(this.precipitationform);
+          this.updateprecipitationform = true;
+        })
+        .catch(() => {
+          ElMessage.error("查询失败，请稍后重试");
+        });
+    },
+    formatMonth(dateTime) {
+      if (!dateTime) return "-";
+      return dateTime.slice(0, 7); // 直接截取 "yyyy-MM"
+      // 或用 dayjs（需安装）：
+      // return dayjs(dateTime).format('YYYY-MM');
+    },
+    updatePrecipitation() {
+      if (this.isEdit) {
+        updatePrecipitationApi(this.precipitationform)
+          .then(() => {
+            ElMessage({
+              type: "success",
+              message: "修改成功!",
+            });
+            this.updateprecipitationform = false;
+            this.getList();
+          })
+          .catch(() => {
+            ElMessage.error("修改失败，请稍后重试");
+          });
+      } else {
+        addPrecipitationApi(this.precipitationform)
+          .then(() => {
+            ElMessage({
+              type: "success",
+              message: "新增成功!",
+            });
+            this.updateprecipitationform = false;
+            this.getList();
+          })
+          .catch(() => {
+            ElMessage.error("新增失败，请稍后重试");
+          });
+      }
+    },
+  },
+};
+</script>
+
+<template>
+  <div class="app-container">
+    <div style="margin-bottom: 20px">
+      <el-date-picker v-model="date" type="month" placeholder="选择年月">
+      </el-date-picker>
+      <el-button
+        type="primary"
+        size="mini"
+        style="margin-left: 20px"
+        @click="getMouthLoss"
+        >查询</el-button
+      >
+    </div>
+    <el-table
+      :data="tableList"
+      border
+      style="width: 100%"
+      :span-method="spanMethod"
+      :header-align="center"
+      :cell-style="rowStyle"
+    >
+      <!-- 表格列定义 -->
+      <el-table-column align="center" prop="amount" label="平盘(m)" />
+      <el-table-column align="center" prop="amount" label="铲号(#)" />
+      <el-table-column align="center" prop="amount" label="出矿量(t)" />
+      <el-table-column align="center" prop="amount" label="剥离量(t)" />
+      <el-table-column align="center" prop="amount" label="采剥总量(t)" />
+      <el-table-column align="center" prop="amount" label="计量单位" />
+      <el-table-column align="center" prop="amount" label="月份" />
+      <el-table-column align="center" fixed="right" label="操作" width="300">
+        <template #default="scope">
+          <div style="display: flex; justify-content: center; gap: 8px">
+            <el-button
+              type="primary"
+              size="small"
+              @click="handleEdit(scope.row.precipID)"
+            >
+              修改
+            </el-button>
+            <el-button
+              type="danger"
+              size="small"
+              @click="removeDataById(scope.row.precipID)"
+            >
+              删除
+            </el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-dialog
+      v-model="updateprecipitationform"
+      title="修改降水量信息"
+      width="500"
+    >
+      <el-form :model="precipitationform">
+        <el-form-item label="降水量" :label-width="formLabelWidth">
+          <el-input v-model="precipitationform.amount" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="计量单位" :label-width="formLabelWidth">
+          <el-input v-model="precipitationform.unit" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="月份" :label-width="formLabelWidth">
+          <el-date-picker
+            v-model="precipitationform.monthDate"
+            type="datetime"
+            placeholder="选择月份"
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="updateprecipitationform = false"> 取消 </el-button>
+          <el-button type="primary" @click="updatePrecipitation">
+            提交
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
diff --git a/src/pages/demo/electricLocomotiveWorkshop/needMiningTime.vue b/src/pages/demo/electricLocomotiveWorkshop/needMiningTime.vue
new file mode 100644
index 0000000..8933327
--- /dev/null
+++ b/src/pages/demo/electricLocomotiveWorkshop/needMiningTime.vue
@@ -0,0 +1,193 @@
+<script>
+import {
+  updateFangpaishuiPumpoperationrecordApi,
+  deleteFangpaishuiPumpoperationrecordApi,
+  findPumpoperationrecordByDetailApi,
+  addFangpaishuiPumpoperationrecordApi,
+  findFangpaishuiPumpoperationrecordByMonthApi,
+} from "@@/apis/tables/drainageWorkshop/pumpOperationLog.ts";
+import { getSpecificDate } from "@@/utils/datetime";
+export default {
+  data() {
+    return {
+      date: "",
+      tableList: [],
+    };
+  },
+  created() {
+    // 页面渲染之前执行，一般调用methods定义的方法
+    this.getList();
+  },
+  methods: {
+    //获取列表
+    async getList() {
+      const res = await findAllMiningglossApi();
+      console.log(res);
+    },
+    //按月查询
+    async getMouthLoss() {
+      let data = getSpecificDate(this.date);
+      const res = await findTotalMiningByMonthApi(data);
+      console.log(res);
+    },
+    removeDataById(id) {
+      ElMessageBox.confirm("此操作将永久删除降水量记录，是否继续？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deletePrecipitation(id).then(() => {
+            // 删除成功
+            ElMessage({
+              type: "success",
+              message: "删除成功!",
+            });
+            // 重新加载列表
+            this.getList();
+          });
+        })
+        .catch(() => {
+          ElMessage({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    handleAdd() {
+      this.isEdit = false; // 设置为新增操作
+      this.precipitationform = { plateRange: "" }; // 初始化为空数据
+      this.updateprecipitationform = true; // 显示弹窗
+    },
+    handleEdit(id) {
+      this.isEdit = true;
+      findPrecipitationById(id)
+        .then((Response) => {
+          this.precipitationform = Response.data.precipitationById;
+          console.log(this.precipitationform);
+          this.updateprecipitationform = true;
+        })
+        .catch(() => {
+          ElMessage.error("查询失败，请稍后重试");
+        });
+    },
+    formatMonth(dateTime) {
+      if (!dateTime) return "-";
+      return dateTime.slice(0, 7); // 直接截取 "yyyy-MM"
+      // 或用 dayjs（需安装）：
+      // return dayjs(dateTime).format('YYYY-MM');
+    },
+    updatePrecipitation() {
+      if (this.isEdit) {
+        updatePrecipitationApi(this.precipitationform)
+          .then(() => {
+            ElMessage({
+              type: "success",
+              message: "修改成功!",
+            });
+            this.updateprecipitationform = false;
+            this.getList();
+          })
+          .catch(() => {
+            ElMessage.error("修改失败，请稍后重试");
+          });
+      } else {
+        addPrecipitationApi(this.precipitationform)
+          .then(() => {
+            ElMessage({
+              type: "success",
+              message: "新增成功!",
+            });
+            this.updateprecipitationform = false;
+            this.getList();
+          })
+          .catch(() => {
+            ElMessage.error("新增失败，请稍后重试");
+          });
+      }
+    },
+  },
+};
+</script>
+
+<template>
+  <div class="app-container">
+    <div style="margin-bottom: 20px">
+      <el-date-picker v-model="date" type="month" placeholder="选择年月">
+      </el-date-picker>
+      <el-button
+        type="primary"
+        size="mini"
+        style="margin-left: 20px"
+        @click="getMouthLoss"
+        >查询</el-button
+      >
+    </div>
+    <el-table
+      :data="tableList"
+      border
+      style="width: 100%"
+      :span-method="spanMethod"
+      :header-align="center"
+      :cell-style="rowStyle"
+    >
+      <!-- 表格列定义 -->
+      <el-table-column align="center" prop="amount" label="平盘(m)" />
+      <el-table-column align="center" prop="amount" label="铲号(#)" />
+      <el-table-column align="center" prop="amount" label="出矿量(t)" />
+      <el-table-column align="center" prop="amount" label="剥离量(t)" />
+      <el-table-column align="center" prop="amount" label="采剥总量(t)" />
+      <el-table-column align="center" prop="amount" label="计量单位" />
+      <el-table-column align="center" prop="amount" label="月份" />
+      <el-table-column align="center" fixed="right" label="操作" width="300">
+        <template #default="scope">
+          <div style="display: flex; justify-content: center; gap: 8px">
+            <el-button
+              type="primary"
+              size="small"
+              @click="handleEdit(scope.row.precipID)"
+            >
+              修改
+            </el-button>
+            <el-button
+              type="danger"
+              size="small"
+              @click="removeDataById(scope.row.precipID)"
+            >
+              删除
+            </el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-dialog
+      v-model="updateprecipitationform"
+      title="修改降水量信息"
+      width="500"
+    >
+      <el-form :model="precipitationform">
+        <el-form-item label="降水量" :label-width="formLabelWidth">
+          <el-input v-model="precipitationform.amount" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="计量单位" :label-width="formLabelWidth">
+          <el-input v-model="precipitationform.unit" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="月份" :label-width="formLabelWidth">
+          <el-date-picker
+            v-model="precipitationform.monthDate"
+            type="datetime"
+            placeholder="选择月份"
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="updateprecipitationform = false"> 取消 </el-button>
+          <el-button type="primary" @click="updatePrecipitation">
+            提交
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
diff --git a/src/pages/demo/electricLocomotiveWorkshop/productionComprehensive.vue b/src/pages/demo/electricLocomotiveWorkshop/productionComprehensive.vue
new file mode 100644
index 0000000..8933327
--- /dev/null
+++ b/src/pages/demo/electricLocomotiveWorkshop/productionComprehensive.vue
@@ -0,0 +1,193 @@
+<script>
+import {
+  updateFangpaishuiPumpoperationrecordApi,
+  deleteFangpaishuiPumpoperationrecordApi,
+  findPumpoperationrecordByDetailApi,
+  addFangpaishuiPumpoperationrecordApi,
+  findFangpaishuiPumpoperationrecordByMonthApi,
+} from "@@/apis/tables/drainageWorkshop/pumpOperationLog.ts";
+import { getSpecificDate } from "@@/utils/datetime";
+export default {
+  data() {
+    return {
+      date: "",
+      tableList: [],
+    };
+  },
+  created() {
+    // 页面渲染之前执行，一般调用methods定义的方法
+    this.getList();
+  },
+  methods: {
+    //获取列表
+    async getList() {
+      const res = await findAllMiningglossApi();
+      console.log(res);
+    },
+    //按月查询
+    async getMouthLoss() {
+      let data = getSpecificDate(this.date);
+      const res = await findTotalMiningByMonthApi(data);
+      console.log(res);
+    },
+    removeDataById(id) {
+      ElMessageBox.confirm("此操作将永久删除降水量记录，是否继续？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deletePrecipitation(id).then(() => {
+            // 删除成功
+            ElMessage({
+              type: "success",
+              message: "删除成功!",
+            });
+            // 重新加载列表
+            this.getList();
+          });
+        })
+        .catch(() => {
+          ElMessage({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    handleAdd() {
+      this.isEdit = false; // 设置为新增操作
+      this.precipitationform = { plateRange: "" }; // 初始化为空数据
+      this.updateprecipitationform = true; // 显示弹窗
+    },
+    handleEdit(id) {
+      this.isEdit = true;
+      findPrecipitationById(id)
+        .then((Response) => {
+          this.precipitationform = Response.data.precipitationById;
+          console.log(this.precipitationform);
+          this.updateprecipitationform = true;
+        })
+        .catch(() => {
+          ElMessage.error("查询失败，请稍后重试");
+        });
+    },
+    formatMonth(dateTime) {
+      if (!dateTime) return "-";
+      return dateTime.slice(0, 7); // 直接截取 "yyyy-MM"
+      // 或用 dayjs（需安装）：
+      // return dayjs(dateTime).format('YYYY-MM');
+    },
+    updatePrecipitation() {
+      if (this.isEdit) {
+        updatePrecipitationApi(this.precipitationform)
+          .then(() => {
+            ElMessage({
+              type: "success",
+              message: "修改成功!",
+            });
+            this.updateprecipitationform = false;
+            this.getList();
+          })
+          .catch(() => {
+            ElMessage.error("修改失败，请稍后重试");
+          });
+      } else {
+        addPrecipitationApi(this.precipitationform)
+          .then(() => {
+            ElMessage({
+              type: "success",
+              message: "新增成功!",
+            });
+            this.updateprecipitationform = false;
+            this.getList();
+          })
+          .catch(() => {
+            ElMessage.error("新增失败，请稍后重试");
+          });
+      }
+    },
+  },
+};
+</script>
+
+<template>
+  <div class="app-container">
+    <div style="margin-bottom: 20px">
+      <el-date-picker v-model="date" type="month" placeholder="选择年月">
+      </el-date-picker>
+      <el-button
+        type="primary"
+        size="mini"
+        style="margin-left: 20px"
+        @click="getMouthLoss"
+        >查询</el-button
+      >
+    </div>
+    <el-table
+      :data="tableList"
+      border
+      style="width: 100%"
+      :span-method="spanMethod"
+      :header-align="center"
+      :cell-style="rowStyle"
+    >
+      <!-- 表格列定义 -->
+      <el-table-column align="center" prop="amount" label="平盘(m)" />
+      <el-table-column align="center" prop="amount" label="铲号(#)" />
+      <el-table-column align="center" prop="amount" label="出矿量(t)" />
+      <el-table-column align="center" prop="amount" label="剥离量(t)" />
+      <el-table-column align="center" prop="amount" label="采剥总量(t)" />
+      <el-table-column align="center" prop="amount" label="计量单位" />
+      <el-table-column align="center" prop="amount" label="月份" />
+      <el-table-column align="center" fixed="right" label="操作" width="300">
+        <template #default="scope">
+          <div style="display: flex; justify-content: center; gap: 8px">
+            <el-button
+              type="primary"
+              size="small"
+              @click="handleEdit(scope.row.precipID)"
+            >
+              修改
+            </el-button>
+            <el-button
+              type="danger"
+              size="small"
+              @click="removeDataById(scope.row.precipID)"
+            >
+              删除
+            </el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-dialog
+      v-model="updateprecipitationform"
+      title="修改降水量信息"
+      width="500"
+    >
+      <el-form :model="precipitationform">
+        <el-form-item label="降水量" :label-width="formLabelWidth">
+          <el-input v-model="precipitationform.amount" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="计量单位" :label-width="formLabelWidth">
+          <el-input v-model="precipitationform.unit" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="月份" :label-width="formLabelWidth">
+          <el-date-picker
+            v-model="precipitationform.monthDate"
+            type="datetime"
+            placeholder="选择月份"
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="updateprecipitationform = false"> 取消 </el-button>
+          <el-button type="primary" @click="updatePrecipitation">
+            提交
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
diff --git a/src/pages/demo/electricLocomotiveWorkshop/singleMachineOutput.vue b/src/pages/demo/electricLocomotiveWorkshop/singleMachineOutput.vue
new file mode 100644
index 0000000..8933327
--- /dev/null
+++ b/src/pages/demo/electricLocomotiveWorkshop/singleMachineOutput.vue
@@ -0,0 +1,193 @@
+<script>
+import {
+  updateFangpaishuiPumpoperationrecordApi,
+  deleteFangpaishuiPumpoperationrecordApi,
+  findPumpoperationrecordByDetailApi,
+  addFangpaishuiPumpoperationrecordApi,
+  findFangpaishuiPumpoperationrecordByMonthApi,
+} from "@@/apis/tables/drainageWorkshop/pumpOperationLog.ts";
+import { getSpecificDate } from "@@/utils/datetime";
+export default {
+  data() {
+    return {
+      date: "",
+      tableList: [],
+    };
+  },
+  created() {
+    // 页面渲染之前执行，一般调用methods定义的方法
+    this.getList();
+  },
+  methods: {
+    //获取列表
+    async getList() {
+      const res = await findAllMiningglossApi();
+      console.log(res);
+    },
+    //按月查询
+    async getMouthLoss() {
+      let data = getSpecificDate(this.date);
+      const res = await findTotalMiningByMonthApi(data);
+      console.log(res);
+    },
+    removeDataById(id) {
+      ElMessageBox.confirm("此操作将永久删除降水量记录，是否继续？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deletePrecipitation(id).then(() => {
+            // 删除成功
+            ElMessage({
+              type: "success",
+              message: "删除成功!",
+            });
+            // 重新加载列表
+            this.getList();
+          });
+        })
+        .catch(() => {
+          ElMessage({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    handleAdd() {
+      this.isEdit = false; // 设置为新增操作
+      this.precipitationform = { plateRange: "" }; // 初始化为空数据
+      this.updateprecipitationform = true; // 显示弹窗
+    },
+    handleEdit(id) {
+      this.isEdit = true;
+      findPrecipitationById(id)
+        .then((Response) => {
+          this.precipitationform = Response.data.precipitationById;
+          console.log(this.precipitationform);
+          this.updateprecipitationform = true;
+        })
+        .catch(() => {
+          ElMessage.error("查询失败，请稍后重试");
+        });
+    },
+    formatMonth(dateTime) {
+      if (!dateTime) return "-";
+      return dateTime.slice(0, 7); // 直接截取 "yyyy-MM"
+      // 或用 dayjs（需安装）：
+      // return dayjs(dateTime).format('YYYY-MM');
+    },
+    updatePrecipitation() {
+      if (this.isEdit) {
+        updatePrecipitationApi(this.precipitationform)
+          .then(() => {
+            ElMessage({
+              type: "success",
+              message: "修改成功!",
+            });
+            this.updateprecipitationform = false;
+            this.getList();
+          })
+          .catch(() => {
+            ElMessage.error("修改失败，请稍后重试");
+          });
+      } else {
+        addPrecipitationApi(this.precipitationform)
+          .then(() => {
+            ElMessage({
+              type: "success",
+              message: "新增成功!",
+            });
+            this.updateprecipitationform = false;
+            this.getList();
+          })
+          .catch(() => {
+            ElMessage.error("新增失败，请稍后重试");
+          });
+      }
+    },
+  },
+};
+</script>
+
+<template>
+  <div class="app-container">
+    <div style="margin-bottom: 20px">
+      <el-date-picker v-model="date" type="month" placeholder="选择年月">
+      </el-date-picker>
+      <el-button
+        type="primary"
+        size="mini"
+        style="margin-left: 20px"
+        @click="getMouthLoss"
+        >查询</el-button
+      >
+    </div>
+    <el-table
+      :data="tableList"
+      border
+      style="width: 100%"
+      :span-method="spanMethod"
+      :header-align="center"
+      :cell-style="rowStyle"
+    >
+      <!-- 表格列定义 -->
+      <el-table-column align="center" prop="amount" label="平盘(m)" />
+      <el-table-column align="center" prop="amount" label="铲号(#)" />
+      <el-table-column align="center" prop="amount" label="出矿量(t)" />
+      <el-table-column align="center" prop="amount" label="剥离量(t)" />
+      <el-table-column align="center" prop="amount" label="采剥总量(t)" />
+      <el-table-column align="center" prop="amount" label="计量单位" />
+      <el-table-column align="center" prop="amount" label="月份" />
+      <el-table-column align="center" fixed="right" label="操作" width="300">
+        <template #default="scope">
+          <div style="display: flex; justify-content: center; gap: 8px">
+            <el-button
+              type="primary"
+              size="small"
+              @click="handleEdit(scope.row.precipID)"
+            >
+              修改
+            </el-button>
+            <el-button
+              type="danger"
+              size="small"
+              @click="removeDataById(scope.row.precipID)"
+            >
+              删除
+            </el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-dialog
+      v-model="updateprecipitationform"
+      title="修改降水量信息"
+      width="500"
+    >
+      <el-form :model="precipitationform">
+        <el-form-item label="降水量" :label-width="formLabelWidth">
+          <el-input v-model="precipitationform.amount" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="计量单位" :label-width="formLabelWidth">
+          <el-input v-model="precipitationform.unit" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="月份" :label-width="formLabelWidth">
+          <el-date-picker
+            v-model="precipitationform.monthDate"
+            type="datetime"
+            placeholder="选择月份"
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="updateprecipitationform = false"> 取消 </el-button>
+          <el-button type="primary" @click="updatePrecipitation">
+            提交
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
diff --git a/src/pages/demo/electricLocomotiveWorkshop/transportationComprehensive.vue b/src/pages/demo/electricLocomotiveWorkshop/transportationComprehensive.vue
new file mode 100644
index 0000000..8933327
--- /dev/null
+++ b/src/pages/demo/electricLocomotiveWorkshop/transportationComprehensive.vue
@@ -0,0 +1,193 @@
+<script>
+import {
+  updateFangpaishuiPumpoperationrecordApi,
+  deleteFangpaishuiPumpoperationrecordApi,
+  findPumpoperationrecordByDetailApi,
+  addFangpaishuiPumpoperationrecordApi,
+  findFangpaishuiPumpoperationrecordByMonthApi,
+} from "@@/apis/tables/drainageWorkshop/pumpOperationLog.ts";
+import { getSpecificDate } from "@@/utils/datetime";
+export default {
+  data() {
+    return {
+      date: "",
+      tableList: [],
+    };
+  },
+  created() {
+    // 页面渲染之前执行，一般调用methods定义的方法
+    this.getList();
+  },
+  methods: {
+    //获取列表
+    async getList() {
+      const res = await findAllMiningglossApi();
+      console.log(res);
+    },
+    //按月查询
+    async getMouthLoss() {
+      let data = getSpecificDate(this.date);
+      const res = await findTotalMiningByMonthApi(data);
+      console.log(res);
+    },
+    removeDataById(id) {
+      ElMessageBox.confirm("此操作将永久删除降水量记录，是否继续？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deletePrecipitation(id).then(() => {
+            // 删除成功
+            ElMessage({
+              type: "success",
+              message: "删除成功!",
+            });
+            // 重新加载列表
+            this.getList();
+          });
+        })
+        .catch(() => {
+          ElMessage({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    handleAdd() {
+      this.isEdit = false; // 设置为新增操作
+      this.precipitationform = { plateRange: "" }; // 初始化为空数据
+      this.updateprecipitationform = true; // 显示弹窗
+    },
+    handleEdit(id) {
+      this.isEdit = true;
+      findPrecipitationById(id)
+        .then((Response) => {
+          this.precipitationform = Response.data.precipitationById;
+          console.log(this.precipitationform);
+          this.updateprecipitationform = true;
+        })
+        .catch(() => {
+          ElMessage.error("查询失败，请稍后重试");
+        });
+    },
+    formatMonth(dateTime) {
+      if (!dateTime) return "-";
+      return dateTime.slice(0, 7); // 直接截取 "yyyy-MM"
+      // 或用 dayjs（需安装）：
+      // return dayjs(dateTime).format('YYYY-MM');
+    },
+    updatePrecipitation() {
+      if (this.isEdit) {
+        updatePrecipitationApi(this.precipitationform)
+          .then(() => {
+            ElMessage({
+              type: "success",
+              message: "修改成功!",
+            });
+            this.updateprecipitationform = false;
+            this.getList();
+          })
+          .catch(() => {
+            ElMessage.error("修改失败，请稍后重试");
+          });
+      } else {
+        addPrecipitationApi(this.precipitationform)
+          .then(() => {
+            ElMessage({
+              type: "success",
+              message: "新增成功!",
+            });
+            this.updateprecipitationform = false;
+            this.getList();
+          })
+          .catch(() => {
+            ElMessage.error("新增失败，请稍后重试");
+          });
+      }
+    },
+  },
+};
+</script>
+
+<template>
+  <div class="app-container">
+    <div style="margin-bottom: 20px">
+      <el-date-picker v-model="date" type="month" placeholder="选择年月">
+      </el-date-picker>
+      <el-button
+        type="primary"
+        size="mini"
+        style="margin-left: 20px"
+        @click="getMouthLoss"
+        >查询</el-button
+      >
+    </div>
+    <el-table
+      :data="tableList"
+      border
+      style="width: 100%"
+      :span-method="spanMethod"
+      :header-align="center"
+      :cell-style="rowStyle"
+    >
+      <!-- 表格列定义 -->
+      <el-table-column align="center" prop="amount" label="平盘(m)" />
+      <el-table-column align="center" prop="amount" label="铲号(#)" />
+      <el-table-column align="center" prop="amount" label="出矿量(t)" />
+      <el-table-column align="center" prop="amount" label="剥离量(t)" />
+      <el-table-column align="center" prop="amount" label="采剥总量(t)" />
+      <el-table-column align="center" prop="amount" label="计量单位" />
+      <el-table-column align="center" prop="amount" label="月份" />
+      <el-table-column align="center" fixed="right" label="操作" width="300">
+        <template #default="scope">
+          <div style="display: flex; justify-content: center; gap: 8px">
+            <el-button
+              type="primary"
+              size="small"
+              @click="handleEdit(scope.row.precipID)"
+            >
+              修改
+            </el-button>
+            <el-button
+              type="danger"
+              size="small"
+              @click="removeDataById(scope.row.precipID)"
+            >
+              删除
+            </el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-dialog
+      v-model="updateprecipitationform"
+      title="修改降水量信息"
+      width="500"
+    >
+      <el-form :model="precipitationform">
+        <el-form-item label="降水量" :label-width="formLabelWidth">
+          <el-input v-model="precipitationform.amount" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="计量单位" :label-width="formLabelWidth">
+          <el-input v-model="precipitationform.unit" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="月份" :label-width="formLabelWidth">
+          <el-date-picker
+            v-model="precipitationform.monthDate"
+            type="datetime"
+            placeholder="选择月份"
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="updateprecipitationform = false"> 取消 </el-button>
+          <el-button type="primary" @click="updatePrecipitation">
+            提交
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
diff --git a/src/pages/demo/miningArea/allPerforationExplosiveDaily.vue b/src/pages/demo/miningArea/allPerforationExplosiveDaily.vue
new file mode 100644
index 0000000..719cc13
--- /dev/null
+++ b/src/pages/demo/miningArea/allPerforationExplosiveDaily.vue
@@ -0,0 +1,6 @@
+<script>
+</script>
+
+<template>
+  <div class="app-container">所有穿孔及炸药日报</div>
+</template>
diff --git a/src/pages/demo/miningArea/blastingPerforationOperationLedger.vue b/src/pages/demo/miningArea/blastingPerforationOperationLedger.vue
new file mode 100644
index 0000000..714dd70
--- /dev/null
+++ b/src/pages/demo/miningArea/blastingPerforationOperationLedger.vue
@@ -0,0 +1,6 @@
+<script>
+</script>
+
+<template>
+  <div class="app-container">爆破作业穿孔作业台账</div>
+</template>
diff --git a/src/pages/demo/miningArea/drillingRigMaintenance.vue b/src/pages/demo/miningArea/drillingRigMaintenance.vue
new file mode 100644
index 0000000..1f498e1
--- /dev/null
+++ b/src/pages/demo/miningArea/drillingRigMaintenance.vue
@@ -0,0 +1,6 @@
+<script>
+</script>
+
+<template>
+  <div class="app-container">钻机穿孔月报</div>
+</template>
diff --git a/src/pages/demo/miningArea/drillingRigPerforation.vue b/src/pages/demo/miningArea/drillingRigPerforation.vue
new file mode 100644
index 0000000..1f498e1
--- /dev/null
+++ b/src/pages/demo/miningArea/drillingRigPerforation.vue
@@ -0,0 +1,6 @@
+<script>
+</script>
+
+<template>
+  <div class="app-container">钻机穿孔月报</div>
+</template>
diff --git a/src/pages/demo/miningArea/maintenancePyrotechnicDevices.vue b/src/pages/demo/miningArea/maintenancePyrotechnicDevices.vue
new file mode 100644
index 0000000..7ab6def
--- /dev/null
+++ b/src/pages/demo/miningArea/maintenancePyrotechnicDevices.vue
@@ -0,0 +1,6 @@
+<script>
+</script>
+
+<template>
+  <div class="app-container">火工品维护</div>
+</template>
diff --git a/src/pages/demo/miningArea/recordPyrotechnicConsumption.vue b/src/pages/demo/miningArea/recordPyrotechnicConsumption.vue
new file mode 100644
index 0000000..fc9a84d
--- /dev/null
+++ b/src/pages/demo/miningArea/recordPyrotechnicConsumption.vue
@@ -0,0 +1,6 @@
+<script>
+</script>
+
+<template>
+  <div class="app-container">火工品消耗台账</div>
+</template>
diff --git a/src/pages/demo/miningArea/statisticsMaterialsCracks.vue b/src/pages/demo/miningArea/statisticsMaterialsCracks.vue
new file mode 100644
index 0000000..5474232
--- /dev/null
+++ b/src/pages/demo/miningArea/statisticsMaterialsCracks.vue
@@ -0,0 +1,6 @@
+<script>
+</script>
+
+<template>
+  <div class="app-container">欲裂孔材料统计</div>
+</template>
diff --git a/src/pages/demo/systemManagement/rightsManagement.vue b/src/pages/demo/systemManagement/rightsManagement.vue
new file mode 100644
index 0000000..b904327
--- /dev/null
+++ b/src/pages/demo/systemManagement/rightsManagement.vue
@@ -0,0 +1,6 @@
+<script>
+</script>
+
+<template>
+  <div class="app-container">权限管理</div>
+</template>
diff --git a/src/pages/demo/systemManagement/userManagement.vue b/src/pages/demo/systemManagement/userManagement.vue
new file mode 100644
index 0000000..a3665b0
--- /dev/null
+++ b/src/pages/demo/systemManagement/userManagement.vue
@@ -0,0 +1,6 @@
+<script>
+</script>
+
+<template>
+  <div class="app-container">用户管理</div>
+</template>
diff --git a/src/router/index.ts b/src/router/index.ts
index 0d4c96e..8f0127b 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -63,106 +63,13 @@ export const constantRoutes: RouteRecordRaw[] = [
       },
     ],
   },
-  // {
-  //   path: "/demo",
-  //   component: Layouts,
-  //   redirect: "/demo/unocss",
-  //   name: "Demo",
-  //   meta: {
-  //     title: "示例集合",
-  //     elIcon: "DataBoard"
-  //   },
-  //   children: [
-  //     {
-  //       path: "unocss",
-  //       component: () => import("@/pages/demo/unocss/index.vue"),
-  //       name: "UnoCSS",
-  //       meta: {
-  //         title: "UnoCSS"
-  //       }
-  //     },
-  //     {
-  //       path: "element-plus",
-  //       component: () => import("@/pages/demo/element-plus/index.vue"),
-  //       name: "ElementPlus",
-  //       meta: {
-  //         title: "Element Plus",
-  //         keepAlive: true
-  //       }
-  //     },
-  //     {
-  //       path: "rsgl",
-  //       component: () => import("@/pages/demo/rsgl/rsgl.vue"),
-  //       name: "RSgl",
-  //       meta: {
-  //         title: "RSgl",
-  //         keepAlive: true
-  //       }
-  //     },
-  //     {
-  //       path: "vxe-table",
-  //       component: () => import("@/pages/demo/vxe-table/index.vue"),
-  //       name: "VxeTable",
-  //       meta: {
-  //         title: "Vxe Table",
-  //         keepAlive: true
-  //       }
-  //     },
-  //     {
-  //       path: "level2",
-  //       component: () => import("@/pages/demo/level2/index.vue"),
-  //       redirect: "/demo/level2/level3",
-  //       name: "Level2",
-  //       meta: {
-  //         title: "二级路由",
-  //         alwaysShow: true
-  //       },
-  //       children: [
-  //         {
-  //           path: "level3",
-  //           component: () => import("@/pages/demo/level2/level3/index.vue"),
-  //           name: "Level3",
-  //           meta: {
-  //             title: "三级路由",
-  //             keepAlive: true
-  //           }
-  //         }
-  //       ]
-  //     }
-  //   ]
-  // },
-  // {
-  //   path: "/link",
-  //   meta: {
-  //     title: "文档链接",
-  //     elIcon: "Link"
-  //   },
-  //   children: [
-  //     {
-  //       path: "https://juejin.cn/post/7445151895121543209",
-  //       component: () => {},
-  //       name: "Link1",
-  //       meta: {
-  //         title: "中文文档"
-  //       }
-  //     },
-  //     {
-  //       path: "https://juejin.cn/column/7207659644487139387",
-  //       component: () => {},
-  //       name: "Link2",
-  //       meta: {
-  //         title: "新手教程"
-  //       }
-  //     }
-  //   ]
-  // },
   {
     path: "/diceke",
     component: Layouts,
     redirect: "/diceke",
     meta: {
       title: "地测科",
-      elIcon: "Link",
+      elIcon: "HelpFilled",
     },
     children: [
       {
@@ -222,7 +129,7 @@ export const constantRoutes: RouteRecordRaw[] = [
     redirect: "/drainageWorkshop",
     meta: {
       title: "防排水车间",
-      elIcon: "Link",
+      elIcon: "Menu",
     },
     children: [
       {
@@ -231,30 +138,227 @@ export const constantRoutes: RouteRecordRaw[] = [
           import("@/pages/demo/drainageWorkshop/pumpOperationLog.vue"),
         name: "pumpOperationLog",
         meta: {
-          title: "水泵运行日志",
+          title: "水处理量",
+        },
+      },
+      {
+        path: "displacement",
+        component: () =>
+          import("@/pages/demo/drainageWorkshop/displacement.vue"),
+        name: "displacement",
+        meta: {
+          title: "排水量",
+        },
+      },
+      {
+        path: "pouringWaterVolume",
+        component: () =>
+          import("@/pages/demo/drainageWorkshop/pouringWaterVolume.vue"),
+        name: "pouringWaterVolume",
+        meta: {
+          title: "倒水量",
+        },
+      },
+      {
+        path: "drainageReport",
+        component: () =>
+          import("@/pages/demo/drainageWorkshop/drainageReport.vue"),
+        name: "drainageReport",
+        meta: {
+          title: "排水量报表",
+        },
+      },
+    ],
+  },
+  {
+    path: "/electricLocomotiveWorkshop",
+    component: Layouts,
+    redirect: "/electricLocomotiveWorkshop",
+    meta: {
+      title: "电机车车间",
+      elIcon: "Link",
+    },
+    children: [
+      {
+        path: "singleMachineOutput",
+        component: () =>
+          import(
+            "@/pages/demo/electricLocomotiveWorkshop/singleMachineOutput.vue"
+          ),
+        name: "singleMachineOutput",
+        meta: {
+          title: "单机产量",
+        },
+      },
+      {
+        path: "needMiningTime",
+        component: () =>
+          import("@/pages/demo/electricLocomotiveWorkshop/needMiningTime.vue"),
+        name: "needMiningTime",
+        meta: {
+          title: "要矿时间",
+        },
+      },
+      {
+        path: "homeworkTimeLedger",
+        component: () =>
+          import(
+            "@/pages/demo/electricLocomotiveWorkshop/homeworkTimeLedger.vue"
+          ),
+        name: "homeworkTimeLedger",
+        meta: {
+          title: "作业时间台账",
+        },
+      },
+      {
+        path: "mineralTransportationStatistics",
+        component: () =>
+          import(
+            "@/pages/demo/electricLocomotiveWorkshop/mineralTransportationStatistics.vue"
+          ),
+        name: "mineralTransportationStatistics",
+        meta: {
+          title: "运矿统计表",
+        },
+      },
+      {
+        path: "productionComprehensive",
+        component: () =>
+          import(
+            "@/pages/demo/electricLocomotiveWorkshop/productionComprehensive.vue"
+          ),
+        name: "productionComprehensive",
+        meta: {
+          title: "生产综合报表",
+        },
+      },
+      {
+        path: "transportationComprehensive",
+        component: () =>
+          import(
+            "@/pages/demo/electricLocomotiveWorkshop/transportationComprehensive.vue"
+          ),
+        name: "transportationComprehensive",
+        meta: {
+          title: "运输综合报表",
+        },
+      },
+      {
+        path: "dataImport",
+        component: () =>
+          import("@/pages/demo/electricLocomotiveWorkshop/dataImport.vue"),
+        name: "dataImport",
+        meta: {
+          title: "数据导入",
+        },
+      },
+    ],
+  },
+  {
+    path: "/miningArea",
+    component: Layouts,
+    redirect: "/miningArea",
+    meta: {
+      title: "采区",
+      elIcon: "MessageBox",
+    },
+    children: [
+      {
+        path: "drillingRigMaintenance",
+        component: () =>
+          import("@/pages/demo/miningArea/drillingRigMaintenance.vue"),
+        name: "drillingRigMaintenance",
+        meta: {
+          title: "钻机维护",
+        },
+      },
+      {
+        path: "maintenancePyrotechnicDevices",
+        component: () =>
+          import("@/pages/demo/miningArea/maintenancePyrotechnicDevices.vue"),
+        name: "maintenancePyrotechnicDevices",
+        meta: {
+          title: "火工品维护",
+        },
+      },
+      {
+        path: "allPerforationExplosiveDaily",
+        component: () =>
+          import("@/pages/demo/miningArea/allPerforationExplosiveDaily.vue"),
+        name: "allPerforationExplosiveDaily",
+        meta: {
+          title: "所有穿孔及炸药日报",
+        },
+      },
+      {
+        path: "statisticsMaterialsCracks",
+        component: () =>
+          import("@/pages/demo/miningArea/statisticsMaterialsCracks.vue"),
+        name: "statisticsMaterialsCracks",
+        meta: {
+          title: "欲裂孔材料统计",
+        },
+      },
+      {
+        path: "drillingRigPerforation",
+        component: () =>
+          import("@/pages/demo/miningArea/drillingRigPerforation.vue"),
+        name: "drillingRigPerforation",
+        meta: {
+          title: "钻机穿孔月报",
+        },
+      },
+      {
+        path: "recordPyrotechnicConsumption",
+        component: () =>
+          import("@/pages/demo/miningArea/recordPyrotechnicConsumption.vue"),
+        name: "recordPyrotechnicConsumption",
+        meta: {
+          title: "火工品消耗台账",
+        },
+      },
+      {
+        path: "blastingPerforationOperationLedger",
+        component: () =>
+          import(
+            "@/pages/demo/miningArea/blastingPerforationOperationLedger.vue"
+          ),
+        name: "blastingPerforationOperationLedger",
+        meta: {
+          title: "爆破作业穿孔作业台账",
+        },
+      },
+    ],
+  },
+  {
+    path: "/systemManagement",
+    component: Layouts,
+    redirect: "/systemManagement",
+    meta: {
+      title: "系统管理",
+      elIcon: "Tools",
+    },
+    children: [
+      {
+        path: "userManagement",
+        component: () =>
+          import("@/pages/demo/systemManagement/userManagement.vue"),
+        name: "userManagement",
+        meta: {
+          title: "用户管理",
+        },
+      },
+      {
+        path: "rightsManagement",
+        component: () =>
+          import("@/pages/demo/systemManagement/rightsManagement.vue"),
+        name: "rightsManagement",
+        meta: {
+          title: "权限管理",
         },
       },
     ],
   },
-  // {
-  //   path: "/caiqu",
-  //   component: Layouts,
-  //   redirect: "/caiqu",
-  //   meta: {
-  //     title: "采区",
-  //     elIcon: "Link",
-  //   },
-  //   children: [
-  //     {
-  //       path: "shovel",
-  //       component: () => import("@/pages/demo/diceke/shovel.vue"),
-  //       name: "shovel",
-  //       meta: {
-  //         title: "电铲维护",
-  //       },
-  //     },
-  //   ],
-  // },
 ];
 
 /**