添加数据

src/pages/demo/electricLocomotiveWorkshop/dataImport.vue

@@ -23,11 +23,7 @@ import type { UploadProps, UploadUserFile } from "element-plus";
 
 const fileList = ref<UploadUserFile[]>([
   {
-    name: "food.jpeg",
+    name: "副本2025年4月份电机车运输综合报表",
-    url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
-  },
-  {
-    name: "food2.jpeg",
     url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
   },
 ]);

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>

src/pages/demo/electricLocomotiveWorkshop/mineralTransportationStatistics.vue

@@ -37,38 +37,133 @@ export default {
 
 <template>
   <div class="app-container">
-    <div style="margin-bottom: 20px">
+    <div
-      <el-date-picker v-model="date" type="month" placeholder="选择年月">
+      style="margin-bottom: 20px; display: flex; justify-content: space-between"
-      </el-date-picker>
+    >
-      <el-button
+      <div>
-        type="primary"
+        <el-date-picker v-model="date" type="month" placeholder="选择年月">
-        size="mini"
+        </el-date-picker>
-        style="margin-left: 20px"
+        <el-button
-        @click="getMouthLoss"
+          type="primary"
-        >查询</el-button
+          size="mini"
-      >
+          style="margin-left: 20px"
-    </div>
+          @click="getMouthLoss"
-    <div class="title" style="text-align: right; margin-bottom: 10px">
+          >查询</el-button
-      <el-tag type="primary" effect="dark" size="large"
+        >
-        >计划运矿量{{ this.oreQuantity }}万吨
+      </div>
-      </el-tag>
+      <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
-      <el-table-column align="center" prop="amount" label="平盘(m)" />
+        align="center"
-      <el-table-column align="center" prop="amount" label="铲号(#)" />
+        prop="index"
-      <el-table-column align="center" prop="amount" label="出矿量(t)" />
+        label="项目"
-      <el-table-column align="center" prop="amount" label="剥离量(t)" />
+        fixed
-      <el-table-column align="center" prop="amount" label="采剥总量(t)" />
+      ></el-table-column>
-      <el-table-column align="center" prop="amount" label="计量单位" />
+      <el-table-column align="center" label="计划">
-      <el-table-column align="center" prop="amount" 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>

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" 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="大厂要矿时间" />
         <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 #empty>
-        <template #default="scope">
+        <div style="display: grid; place-items: center center">
-          <div style="display: flex; justify-content: center; gap: 8px">
+          <el-empty :image-size="242" :description="暂无数据" />
-            <el-button
+        </div>
-              type="primary"
+      </template>
-              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"

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>

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>

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">
+    <div
-      <el-date-picker v-model="date" type="month" placeholder="选择年月">
+      style="margin-bottom: 20px; display: flex; justify-content: space-between"
-      </el-date-picker>
+    >
-      <el-button
+      <div>
-        type="primary"
+        <el-date-picker v-model="date" type="month" placeholder="选择年月">
-        size="mini"
+        </el-date-picker>
-        style="margin-left: 20px"
+        <el-button
-        @click="getMouthLoss"
+          type="primary"
-        >查询</el-button
+          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" label="计划运矿量">
-      <el-table-column align="center" prop="amount" label="平盘(m)" />
+        <el-table-column align="center" label="车数"> </el-table-column>
-      <el-table-column align="center" prop="amount" label="铲号(#)" />
+        <el-table-column align="center" label="吨数"> </el-table-column>
-      <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-table-column align="center" label="实际完成运矿量">
-    <el-dialog
+        <el-table-column align="center" label="东站">
-      v-model="updateprecipitationform"
+          <el-table-column align="center" label="车数"> </el-table-column>
-      title="修改降水量信息"
+          <el-table-column align="center" label="吨数"> </el-table-column
-      width="500"
+        ></el-table-column>
-    >
+        <el-table-column align="center" label="西站"
-      <el-form :model="precipitationform">
+          ><el-table-column align="center" label="车数"> </el-table-column>
-        <el-form-item label="降水量" :label-width="formLabelWidth">
+          <el-table-column align="center" label="吨数"> </el-table-column>
-          <el-input v-model="precipitationform.amount" autocomplete="off" />
+        </el-table-column>
-        </el-form-item>
+        <el-table-column align="center" label="大厂卸车数">
-        <el-form-item label="计量单位" :label-width="formLabelWidth">
+          <el-table-column align="center" label="车数"> </el-table-column>
-          <el-input v-model="precipitationform.unit" autocomplete="off" />
+          <el-table-column align="center" label="吨数"> </el-table-column>
-        </el-form-item>
+          <el-table-column align="center" label="列数"> </el-table-column>
-        <el-form-item label="月份" :label-width="formLabelWidth">
+          <el-table-column align="center" label="实际吨公里数">
-          <el-date-picker
+          </el-table-column
-            v-model="precipitationform.monthDate"
+        ></el-table-column>
-            type="datetime"
+      </el-table-column>
-            placeholder="选择月份"
+      <el-table-column align="center" label="完成计划（%）" />
-          />
+      <el-table-column align="center" label="累计"
-        </el-form-item>
+        ><el-table-column align="center" label="车数"> </el-table-column>
-      </el-form>
+        <el-table-column align="center" label="吨数"> </el-table-column>
-      <template #footer>
+      </el-table-column>
-        <div class="dialog-footer">
+      <el-table-column align="center" label="实际作业台班"
-          <el-button @click="updateprecipitationform = false"> 取消 </el-button>
+        ><el-table-column align="center" label="个"> </el-table-column>
-          <el-button type="primary" @click="updatePrecipitation">
+      </el-table-column>
-            提交
+      <el-table-column align="center" label="作业率"
-          </el-button>
+        ><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>

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: [
+    ],
+  },
 ];
 
 /**