添加数据

2025-07-23 14:09:22 +08:00 · 2025-07-23 14:09:22 +08:00 · dbfca30686
commit dbfca30686
parent 715048ed55
8 changed files with 233 additions and 275 deletions
--- a/src/pages/demo/electricLocomotiveWorkshop/dataImport.vue
+++ b/src/pages/demo/electricLocomotiveWorkshop/dataImport.vue
@ -23,11 +23,7 @@ import type { UploadProps, UploadUserFile } from "element-plus";

 const fileList = ref<UploadUserFile[]>([
  {
-    name: "food.jpeg",
-    url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
-  },
-  {
-    name: "food2.jpeg",
+    name: "副本2025年4月份电机车运输综合报表",
    url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
  },
 ]);
--- a/src/pages/demo/electricLocomotiveWorkshop/homeworkTimeLedger.vue
+++ b/src/pages/demo/electricLocomotiveWorkshop/homeworkTimeLedger.vue
@ -190,7 +190,7 @@ export default {
      :header-align="center"
      :cell-style="rowStyle"
    >
-      <el-table-column align="center" prop="index" label="项目" />
+      <el-table-column fixed align="center" prop="index" label="项目" />
      <el-table-column align="center" label="计">
        <el-table-column align="center" prop="unitsNum" label="台数" />
        <el-table-column align="center" prop="totalTime" label="总时间" />
@ -233,6 +233,12 @@ export default {
            label="作业率"
          /> </el-table-column
      ></el-table-column>
+      <!-- 空数据时的显示 -->
+      <template #empty>
+        <div style="display: grid; place-items: center center">
+          <el-empty :image-size="242" :description="暂无数据" />
+        </div>
+      </template>
    </el-table>
  </div>
 </template>
--- a/src/pages/demo/electricLocomotiveWorkshop/mineralTransportationStatistics.vue
+++ b/src/pages/demo/electricLocomotiveWorkshop/mineralTransportationStatistics.vue
@ -37,38 +37,133 @@ export default {

 <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>
-    <div class="title" style="text-align: right; margin-bottom: 10px">
-      <el-tag type="primary" effect="dark" size="large"
-        >计划运矿量{{ this.oreQuantity }}万吨
-      </el-tag>
+    <div
+      style="margin-bottom: 20px; display: flex; justify-content: space-between"
+    >
+      <div>
+        <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>
+      <div>
+        <el-tag type="info" size="large" color="#Fff"
+          ><span style="color: #000"
+            >计划运矿量{{ this.oreQuantity }}万吨</span
+          ></el-tag
+        >
+      </div>
    </div>
+    <div class="title" style="text-align: right; margin-bottom: 10px"></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"
+        prop="index"
+        label="项目"
+        fixed
+      ></el-table-column>
+      <el-table-column align="center" label="计划">
+        <el-table-column align="center" label="车数">
+          <el-table-column
+            align="center"
+            prop="amount"
+            label="日计"
+          ></el-table-column
+          ><el-table-column
+            align="center"
+            prop="amount"
+            label="累计"
+          ></el-table-column>
+        </el-table-column>
+        <el-table-column align="center" prop="amount" label="车数">
+          <el-table-column
+            align="center"
+            prop="amount"
+            label="东站"
+          ></el-table-column
+          ><el-table-column
+            align="center"
+            prop="amount"
+            label="西站"
+          ></el-table-column>
+        </el-table-column>
+      </el-table-column>
+      <el-table-column align="center" label="实际完成">
+        <el-table-column align="center" label="作业班数" />
+        <el-table-column align="center" prop="amount" label="车数">
+          <el-table-column
+            align="center"
+            prop="amount"
+            label="日计"
+          ></el-table-column
+          ><el-table-column
+            align="center"
+            prop="amount"
+            label="累计"
+          ></el-table-column>
+        </el-table-column>
+        <el-table-column align="center"></el-table-column>
+      </el-table-column>
+      <el-table-column align="center" label="各班运矿量">
+        <el-table-column align="center" label="甲班">
+          <el-table-column
+            align="center"
+            prop="amount"
+            label="车数"
+          ></el-table-column
+          ><el-table-column
+            align="center"
+            prop="amount"
+            label="列数"
+          ></el-table-column>
+        </el-table-column>
+        <el-table-column align="center" label="乙班">
+          <el-table-column
+            align="center"
+            prop="amount"
+            label="车数"
+          ></el-table-column
+          ><el-table-column
+            align="center"
+            prop="amount"
+            label="列数"
+          ></el-table-column>
+        </el-table-column>
+        <el-table-column align="center" label="丙班">
+          <el-table-column
+            align="center"
+            prop="amount"
+            label="车数"
+          ></el-table-column
+          ><el-table-column
+            align="center"
+            prop="amount"
+            label="列数"
+          ></el-table-column>
+        </el-table-column>
+      </el-table-column>
+      <el-table-column
+        align="center"
+        prop="index"
+        label="总列数"
+      ></el-table-column>
+      <!-- 空数据时的显示 -->
+      <template #empty>
+        <div style="display: grid; place-items: center center">
+          <el-empty :image-size="242" :description="暂无数据" />
+        </div>
+      </template>
    </el-table>
  </div>
 </template>
--- a/src/pages/demo/electricLocomotiveWorkshop/needMiningTime.vue
+++ b/src/pages/demo/electricLocomotiveWorkshop/needMiningTime.vue
@ -30,82 +30,6 @@ export default {
      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>
@ -135,8 +59,7 @@ export default {
      :header-align="center"
      :cell-style="rowStyle"
    >
-      <!-- 表格列定义 -->
-      <el-table-column align="center" prop="amount" label="日期" />
+      <el-table-column align="center" fixed prop="amount" label="日期" />
      <el-table-column align="center" prop="amount" label="白班">
        <el-table-column align="center" prop="amount" label="大厂要矿时间" />
        <el-table-column align="center" prop="amount" label="下去时间" />
@ -149,27 +72,12 @@ export default {
      /></el-table-column>
      <el-table-column align="center" prop="amount" label="夜班早晨7点以后下" />
      <el-table-column align="center" prop="amount" label="白班早晨8点以后回" />
-
-      <!-- <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> -->
+      <!-- 空数据时的显示 -->
+      <template #empty>
+        <div style="display: grid; place-items: center center">
+          <el-empty :image-size="242" :description="暂无数据" />
+        </div>
+      </template>
    </el-table>
    <el-dialog
      v-model="updateprecipitationform"
--- a/src/pages/demo/electricLocomotiveWorkshop/productionComprehensive.vue
+++ b/src/pages/demo/electricLocomotiveWorkshop/productionComprehensive.vue
@ -82,7 +82,6 @@ export default {
      style="width: 100%"
      :span-method="objectSpanMethod"
      :header-align="center"
-      :cell-style="rowStyle"
    >
      <el-table-column
        align="center"
@ -134,6 +133,12 @@ export default {
        prop="notes"
        label="备注"
      ></el-table-column>
+      <!-- 空数据时的显示 -->
+      <template #empty>
+        <div style="display: grid; place-items: center center">
+          <el-empty :image-size="242" :description="暂无数据" />
+        </div>
+      </template>
    </el-table>
  </div>
 </template>
--- a/src/pages/demo/electricLocomotiveWorkshop/singleMachineOutput.vue
+++ b/src/pages/demo/electricLocomotiveWorkshop/singleMachineOutput.vue
@ -248,7 +248,7 @@ export default {
      :cell-style="rowStyle"
    >
      <!-- 表格列定义 -->
-      <el-table-column align="center" prop="index" label="日期" />
+      <el-table-column align="center" fixed prop="index" label="日期" />
      <el-table-column align="center" label="倒装站装车">
        <el-table-column align="center" label="东川河"
          ><el-table-column
@ -320,6 +320,12 @@ export default {
          </el-table-column>
        </el-table-column>
      </el-table-column>
+      <!-- 空数据时的显示 -->
+      <template #empty>
+        <div style="display: grid; place-items: center center">
+          <el-empty :image-size="242" :description="暂无数据" />
+        </div>
+      </template>
    </el-table>
  </div>
 </template>
--- a/src/pages/demo/electricLocomotiveWorkshop/transportationComprehensive.vue
+++ b/src/pages/demo/electricLocomotiveWorkshop/transportationComprehensive.vue
@ -12,6 +12,7 @@ export default {
    return {
      date: "",
      tableList: [],
+      fillinTime: "2025年4月25日",
    };
  },
  created() {
@ -30,164 +31,94 @@ export default {
      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
+      style="margin-bottom: 20px; display: flex; justify-content: space-between"
+    >
+      <div>
+        <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>
+      <div>
+        <el-tag type="info" size="large" color="#Fff"
+          ><span style="color: #000"
+            >填报时间：{{ this.fillinTime }}</span
+          ></el-tag
+        >
+      </div>
    </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 align="center" label="计划运矿量">
+        <el-table-column align="center" label="车数"> </el-table-column>
+        <el-table-column align="center" label="吨数"> </el-table-column>
      </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>
+      <el-table-column align="center" label="实际完成运矿量">
+        <el-table-column align="center" label="东站">
+          <el-table-column align="center" label="车数"> </el-table-column>
+          <el-table-column align="center" label="吨数"> </el-table-column
+        ></el-table-column>
+        <el-table-column align="center" label="西站"
+          ><el-table-column align="center" label="车数"> </el-table-column>
+          <el-table-column align="center" label="吨数"> </el-table-column>
+        </el-table-column>
+        <el-table-column align="center" label="大厂卸车数">
+          <el-table-column align="center" label="车数"> </el-table-column>
+          <el-table-column align="center" label="吨数"> </el-table-column>
+          <el-table-column align="center" label="列数"> </el-table-column>
+          <el-table-column align="center" label="实际吨公里数">
+          </el-table-column
+        ></el-table-column>
+      </el-table-column>
+      <el-table-column align="center" label="完成计划（%）" />
+      <el-table-column align="center" label="累计"
+        ><el-table-column align="center" label="车数"> </el-table-column>
+        <el-table-column align="center" label="吨数"> </el-table-column>
+      </el-table-column>
+      <el-table-column align="center" label="实际作业台班"
+        ><el-table-column align="center" label="个"> </el-table-column>
+      </el-table-column>
+      <el-table-column align="center" label="作业率"
+        ><el-table-column align="center" label="%"> </el-table-column>
+      </el-table-column>
+      <el-table-column align="center" label="出车率"
+        ><el-table-column align="center" label="%"> </el-table-column>
+      </el-table-column>
+      <el-table-column align="center" label="电机车综合效率"
+        ><el-table-column align="center" label="吨公里/吨台班">
+        </el-table-column>
+      </el-table-column>
+      <el-table-column align="center" label="电机车效率"
+        ><el-table-column align="center" label="吨/台班"> </el-table-column>
+      </el-table-column>
+      <el-table-column align="center" label="列车周转时间"
+        ><el-table-column align="center" label="分钟"> </el-table-column>
+      </el-table-column>
+      <el-table-column align="center" label="装车质量"
+        ><el-table-column align="center" label="吨/列"> </el-table-column>
+      </el-table-column>
+      <!-- 空数据时的显示 -->
+      <template #empty>
+        <div style="display: grid; place-items: center center">
+          <el-empty :image-size="242" :description="暂无数据" />
        </div>
      </template>
-    </el-dialog>
+    </el-table>
  </div>
 </template>
--- a/src/router/index.ts
+++ b/src/router/index.ts
@ -57,7 +57,7 @@ export const constantRoutes: RouteRecordRaw[] = [
        name: "Dashboard",
        meta: {
          title: "首页",
-          svgIcon: "dashboard",
+          elIcon: "House",
          affix: true,
        },
      },
@ -359,6 +359,17 @@ export const constantRoutes: RouteRecordRaw[] = [
      },
    ],
  },
+  {
+    path: "/rolesManage",
+    component: Layouts,
+    redirect: "/rolesManage",
+    meta: {
+      title: "角色管理",
+      elIcon: "Avatar",
+    },
+    children: [
+    ],
+  },
 ];

 /**