字段修改

src/pages/demo/electricLocomotiveWorkshop/dataImport.vue

@@ -111,83 +111,5 @@ export default {
 </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>
+  <div class="app-container">上传</div>
 </template>

src/pages/demo/electricLocomotiveWorkshop/needMiningTime.vue

@@ -113,8 +113,12 @@ 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-date-picker
+        v-model="date"
+        type="date"
+        placeholder="请选择日期"
+        size="default"
+      />
       <el-button
         type="primary"
         size="mini"
@@ -132,14 +136,21 @@ export default {
       :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">
+      <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="下去时间" />
+        <el-table-column align="center" prop="amount" label="11节列数" />
+      </el-table-column>
+      <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="11节列数"
+      /></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
@@ -158,7 +169,7 @@ export default {
             </el-button>
           </div>
         </template>
-      </el-table-column>
+      </el-table-column> -->
     </el-table>
     <el-dialog
       v-model="updateprecipitationform"

src/pages/demo/electricLocomotiveWorkshop/singleMachineOutput.vue

@@ -11,6 +11,7 @@ export default {
   data() {
     return {
       date: "",
+      machine: "",
       tableList: [],
     };
   },
@@ -115,6 +116,15 @@ export default {
     <div style="margin-bottom: 20px">
       <el-date-picker v-model="date" type="month" placeholder="选择年月">
       </el-date-picker>
+      <el-input
+        v-model="machine"
+        style="width: 220px; margin-left: 20px"
+        placeholder="请输入机台号"
+      >
+        <template #prefix>
+          <span>#</span>
+        </template></el-input
+      >
       <el-button
         type="primary"
         size="mini"
@@ -132,62 +142,94 @@ export default {
       :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" prop="index" 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
+          ><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
+          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
+            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="amount" 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 align="center" prop="amount" label="计">
+          </el-table-column
+          ><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 align="center" prop="amount" label="待命">
+          </el-table-column
+          ><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" 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>

src/pages/demo/systemManagement/userManagement.vue

@@ -1,6 +1,82 @@
-<script>
-</script>
-
 <template>
-  <div class="app-container">用户管理</div>
+  <el-tree
+    style="max-width: 600px"
+    :data="data"
+    :props="defaultProps"
+    accordion
+    @node-click="handleNodeClick"
+  />
 </template>
+
+<script lang="ts" setup>
+interface Tree {
+  label: string;
+  children?: Tree[];
+}
+
+const handleNodeClick = (data: Tree) => {
+  console.log(data);
+};
+
+const data: Tree[] = [
+  {
+    label: "Level one 1",
+    children: [
+      {
+        label: "Level two 1-1",
+        children: [
+          {
+            label: "Level three 1-1-1",
+          },
+        ],
+      },
+    ],
+  },
+  {
+    label: "Level one 2",
+    children: [
+      {
+        label: "Level two 2-1",
+        children: [
+          {
+            label: "Level three 2-1-1",
+          },
+        ],
+      },
+      {
+        label: "Level two 2-2",
+        children: [
+          {
+            label: "Level three 2-2-1",
+          },
+        ],
+      },
+    ],
+  },
+  {
+    label: "Level one 3",
+    children: [
+      {
+        label: "Level two 3-1",
+        children: [
+          {
+            label: "Level three 3-1-1",
+          },
+        ],
+      },
+      {
+        label: "Level two 3-2",
+        children: [
+          {
+            label: "Level three 3-2-1",
+          },
+        ],
+      },
+    ],
+  },
+];
+const defaultProps = {
+  children: "children",
+  label: "label",
+};
+</script>

types/auto/components.d.ts

@@ -45,6 +45,7 @@ declare module 'vue' {
     ElTabs: typeof import('element-plus/es')['ElTabs']
     ElTag: typeof import('element-plus/es')['ElTag']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
+    ElTree: typeof import('element-plus/es')['ElTree']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }