This commit is contained in:
吕杰刚
parent
5e79f05265
commit
bcbbae057f
@ -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>
|
||||
|
||||
|
||||
193
src/pages/demo/drainageWorkshop/displacement.vue
Normal file
193
src/pages/demo/drainageWorkshop/displacement.vue
Normal file
@ -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>
|
||||
193
src/pages/demo/drainageWorkshop/drainageReport.vue
Normal file
193
src/pages/demo/drainageWorkshop/drainageReport.vue
Normal file
@ -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>
|
||||
193
src/pages/demo/drainageWorkshop/pouringWaterVolume.vue
Normal file
193
src/pages/demo/drainageWorkshop/pouringWaterVolume.vue
Normal file
@ -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>
|
||||
193
src/pages/demo/electricLocomotiveWorkshop/dataImport.vue
Normal file
193
src/pages/demo/electricLocomotiveWorkshop/dataImport.vue
Normal file
@ -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>
|
||||
193
src/pages/demo/electricLocomotiveWorkshop/homeworkTimeLedger.vue
Normal file
193
src/pages/demo/electricLocomotiveWorkshop/homeworkTimeLedger.vue
Normal file
@ -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>
|
||||
@ -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>
|
||||
193
src/pages/demo/electricLocomotiveWorkshop/needMiningTime.vue
Normal file
193
src/pages/demo/electricLocomotiveWorkshop/needMiningTime.vue
Normal file
@ -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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -0,0 +1,6 @@
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="app-container">所有穿孔及炸药日报</div>
|
||||
</template>
|
||||
@ -0,0 +1,6 @@
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="app-container">爆破作业穿孔作业台账</div>
|
||||
</template>
|
||||
6
src/pages/demo/miningArea/drillingRigMaintenance.vue
Normal file
6
src/pages/demo/miningArea/drillingRigMaintenance.vue
Normal file
@ -0,0 +1,6 @@
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="app-container">钻机穿孔月报</div>
|
||||
</template>
|
||||
6
src/pages/demo/miningArea/drillingRigPerforation.vue
Normal file
6
src/pages/demo/miningArea/drillingRigPerforation.vue
Normal file
@ -0,0 +1,6 @@
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="app-container">钻机穿孔月报</div>
|
||||
</template>
|
||||
@ -0,0 +1,6 @@
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="app-container">火工品维护</div>
|
||||
</template>
|
||||
@ -0,0 +1,6 @@
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="app-container">火工品消耗台账</div>
|
||||
</template>
|
||||
6
src/pages/demo/miningArea/statisticsMaterialsCracks.vue
Normal file
6
src/pages/demo/miningArea/statisticsMaterialsCracks.vue
Normal file
@ -0,0 +1,6 @@
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="app-container">欲裂孔材料统计</div>
|
||||
</template>
|
||||
6
src/pages/demo/systemManagement/rightsManagement.vue
Normal file
6
src/pages/demo/systemManagement/rightsManagement.vue
Normal file
@ -0,0 +1,6 @@
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="app-container">权限管理</div>
|
||||
</template>
|
||||
6
src/pages/demo/systemManagement/userManagement.vue
Normal file
6
src/pages/demo/systemManagement/userManagement.vue
Normal file
@ -0,0 +1,6 @@
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="app-container">用户管理</div>
|
||||
</template>
|
||||
@ -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: "电铲维护",
|
||||
// },
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
];
|
||||
|
||||
/**
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user