This commit is contained in:
2025-08-15 10:58:12 +08:00
parent c7b4af704d
commit ff2f36e88c
6 changed files with 395 additions and 383 deletions

View File

@ -5,7 +5,7 @@ VITE_APP_TITLE = 新能源项目管理平台
VITE_APP_ENV = 'development' VITE_APP_ENV = 'development'
# 开发环境 # 开发环境
VITE_APP_BASE_API = 'http://192.168.110.159:8898' VITE_APP_BASE_API = 'http://192.168.110.180:8898'
# 无人机接口地址 # 无人机接口地址

View File

@ -28,24 +28,25 @@ export const initSSE = (url: any) => {
console.log(data.value); console.log(data.value);
let label = ''; let label = '';
let route1 = ''; let route1 = '';
let detailId = '';
try { try {
if (JSON.parse(data.value)) { if (JSON.parse(data.value)) {
const obj = JSON.parse(data.value); const obj = JSON.parse(data.value);
route1 = obj.route; route1 = obj.route;
label = obj.message; label = obj.message;
detailId = obj.detailId;
data.value = null; data.value = null;
} }
} catch (error) { } catch (error) {
label = data.value; label = data.value;
} }
console.log(route1); if (!label) return;
console.log(label);
// if (!data.value) return;
useNoticeStore().addNotice({ useNoticeStore().addNotice({
message: label, message: label,
read: false, read: false,
time: new Date().toLocaleString(), time: new Date().toLocaleString(),
route: route1 route: route1,
detailId: detailId
}); });
ElNotification({ ElNotification({
title: '消息', title: '消息',

View File

@ -39,7 +39,7 @@
ref="fileUploadRef" ref="fileUploadRef"
class="w-full" class="w-full"
:auto-upload="false" :auto-upload="false"
:data="{ projectId: currentProject.id }" :data="{ projectId: form.projectId }"
:showFileList="showFileList" :showFileList="showFileList"
:onUploadSuccess="handleUploadSuccess" :onUploadSuccess="handleUploadSuccess"
:uploadUrl="`${form.id ? '/design/prelimScheme/update/' + form.id : '/design/prelimScheme/upload'}`" :uploadUrl="`${form.id ? '/design/prelimScheme/update/' + form.id : '/design/prelimScheme/upload'}`"

View File

@ -453,7 +453,7 @@ const handleDialogClose = () => {
// 跳转 // 跳转
const jumpRouter = (row) => { const jumpRouter = (row) => {
router.push({ router.push({
path: `/materials/usageMaterials/materialSon`, path: `/materials/materialSon`,
query: { query: {
id: row.id, id: row.id,
type: 'update' type: 'update'

View File

@ -7,23 +7,22 @@
<div class="flex flex-wrap items-center justify-between gap-4"> <div class="flex flex-wrap items-center justify-between gap-4">
<!-- 操作按钮 --> <!-- 操作按钮 -->
<div class="flex gap-2"> <div class="flex gap-2">
<el-button type="primary" icon="Plus" @click="handleAdd" <el-button type="primary" icon="Plus" @click="handleAdd" class="transition-all duration-200 hover:shadow-md"> 新增 </el-button>
class="transition-all duration-200 hover:shadow-md"> <el-button icon="Refresh" @click="refreshData" class="transition-all duration-200 hover:shadow-md"> 刷新 </el-button>
新增
</el-button>
<el-button icon="Refresh" @click="refreshData"
class="transition-all duration-200 hover:shadow-md">
刷新
</el-button>
</div> </div>
</div> </div>
</div> </div>
<!-- 数据表格 --> <!-- 数据表格 -->
<div class="bg-white rounded-lg shadow-sm overflow-hidden transition-all duration-300 hover:shadow-md"> <div class="bg-white rounded-lg shadow-sm overflow-hidden transition-all duration-300 hover:shadow-md">
<el-table v-loading="loading" :data="tableData" border stripe <el-table
v-loading="loading"
:data="tableData"
border
stripe
:header-cell-style="{ 'background-color': '#f5f7fa', 'font-weight': 'bold' }" :header-cell-style="{ 'background-color': '#f5f7fa', 'font-weight': 'bold' }"
:row-class-name="tableRowClassName"> :row-class-name="tableRowClassName"
>
<el-table-column prop="id" label="ID" width="80" align="center"></el-table-column> <el-table-column prop="id" label="ID" width="80" align="center"></el-table-column>
<el-table-column prop="name" label="材料名称" min-width="150"></el-table-column> <el-table-column prop="name" label="材料名称" min-width="150"></el-table-column>
<el-table-column prop="specification" label="规格" min-width="120"></el-table-column> <el-table-column prop="specification" label="规格" min-width="120"></el-table-column>
@ -35,8 +34,7 @@
</el-tag> </el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="installationQuantity" label="安装量" width="100" <el-table-column prop="installationQuantity" label="安装量" width="100" align="center"></el-table-column>
align="center"></el-table-column>
<el-table-column prop="contractSigning" label="合同签订时间" width="180" align="center"> <el-table-column prop="contractSigning" label="合同签订时间" width="180" align="center">
<template #default="scope"> <template #default="scope">
{{ formatDate(scope.row.contractSigning) }} {{ formatDate(scope.row.contractSigning) }}
@ -49,14 +47,30 @@
</el-table-column> </el-table-column>
<el-table-column label="操作" width="240" align="center" fixed="right"> <el-table-column label="操作" width="240" align="center" fixed="right">
<template #default="scope"> <template #default="scope">
<el-button size="small" icon="Plus" @click="handleAddSon(scope.row)" <el-button
class="text-blue-600 hover:text-blue-800 transition-colors"></el-button> size="small"
<el-button size="small" icon="Edit" @click="handleEdit(scope.row)" icon="Plus"
class="text-blue-600 hover:text-blue-800 transition-colors"></el-button> @click="handleAddSon(scope.row)"
<el-button size="small" icon="View" @click="jumpRouter(scope.row)" class="text-blue-600 hover:text-blue-800 transition-colors"
class="text-blue-600 hover:text-blue-800 transition-colors"></el-button> ></el-button>
<el-button size="small" icon="Delete" @click="handleDelete(scope.row)" <el-button
class="text-red-600 hover:text-red-800 transition-colors"></el-button> size="small"
icon="Edit"
@click="handleEdit(scope.row)"
class="text-blue-600 hover:text-blue-800 transition-colors"
></el-button>
<el-button
size="small"
icon="View"
@click="jumpRouter(scope.row)"
class="text-blue-600 hover:text-blue-800 transition-colors"
></el-button>
<el-button
size="small"
icon="Delete"
@click="handleDelete(scope.row)"
class="text-red-600 hover:text-red-800 transition-colors"
></el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -64,19 +78,28 @@
<!-- 分页 --> <!-- 分页 -->
<div class="flex items-center justify-between p-4 border-t"> <div class="flex items-center justify-between p-4 border-t">
<div class="text-gray-500 text-sm"> <div class="text-gray-500 text-sm">
{{ total }} 条记录当前显示第 {{ (currentPage - 1) * pageSize + 1 }} {{ Math.min(currentPage * {{ total }} 条记录当前显示第 {{ (currentPage - 1) * pageSize + 1 }} {{ Math.min(currentPage * pageSize, total) }}
pageSize, total)
}}
</div> </div>
<el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize" <el-pagination
:page-sizes="[10, 20, 50, 100]" :total="total" layout="prev, pager, next, jumper, sizes" v-model:current-page="currentPage"
@size-change="handleSizeChange" @current-change="handleCurrentChange"></el-pagination> v-model:page-size="pageSize"
:page-sizes="[10, 20, 50, 100]"
:total="total"
layout="prev, pager, next, jumper, sizes"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
></el-pagination>
</div> </div>
</div> </div>
</main> </main>
<!-- 新增/编辑对话框 --> <!-- 新增/编辑对话框 -->
<el-dialog v-model="dialogVisible" :title="dialogType === 'add' ? '新增记录' : '编辑记录'" :width="dialogWidth" <el-dialog
:fullscreen="isFullscreen" :before-close="handleDialogClose"> v-model="dialogVisible"
:title="dialogType === 'add' ? '新增记录' : '编辑记录'"
:width="dialogWidth"
:fullscreen="isFullscreen"
:before-close="handleDialogClose"
>
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="120px" class="space-y-4"> <el-form ref="formRef" :model="formData" :rules="formRules" label-width="120px" class="space-y-4">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
@ -99,8 +122,7 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="运算周期(天)" prop="executionCycle"> <el-form-item label="运算周期(天)" prop="executionCycle">
<el-input v-model.number="formData.executionCycle" placeholder="请输入运算周期" <el-input v-model.number="formData.executionCycle" placeholder="请输入运算周期" type="number"></el-input>
type="number"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -121,14 +143,17 @@
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="合同签订时间" prop="contractSigning"> <el-form-item label="合同签订时间" prop="contractSigning">
<el-date-picker v-model="formData.contractSigning" type="datetime" placeholder="选择合同签订时间" <el-date-picker
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker> v-model="formData.contractSigning"
type="datetime"
placeholder="选择合同签订时间"
value-format="YYYY-MM-DD HH:mm:ss"
></el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="生产周期(天)" prop="productionPhase"> <el-form-item label="生产周期(天)" prop="productionPhase">
<el-input v-model.number="formData.productionPhase" placeholder="请输入生产周期" <el-input v-model.number="formData.productionPhase" placeholder="请输入生产周期" type="number"></el-input>
type="number"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -136,16 +161,14 @@
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="供货要求" prop="supplyRequirements"> <el-form-item label="供货要求" prop="supplyRequirements">
<el-input v-model="formData.supplyRequirements" placeholder="请输入供货要求" type="textarea" <el-input v-model="formData.supplyRequirements" placeholder="请输入供货要求" type="textarea" rows="3"></el-input>
rows="3"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="备注" prop="remark"> <el-form-item label="备注" prop="remark">
<el-input v-model="formData.remark" placeholder="请输入备注信息" type="textarea" <el-input v-model="formData.remark" placeholder="请输入备注信息" type="textarea" rows="3"></el-input>
rows="3"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -154,9 +177,7 @@
<template #footer> <template #footer>
<div class="flex justify-end gap-2"> <div class="flex justify-end gap-2">
<el-button @click="dialogVisible = false">取消</el-button> <el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="handleSave" :loading="saveLoading"> <el-button type="primary" @click="handleSave" :loading="saveLoading"> 保存 </el-button>
保存
</el-button>
</div> </div>
</template> </template>
</el-dialog> </el-dialog>
@ -172,9 +193,7 @@
<template #footer> <template #footer>
<div class="flex justify-center gap-2"> <div class="flex justify-center gap-2">
<el-button @click="deleteDialogVisible = false">取消</el-button> <el-button @click="deleteDialogVisible = false">取消</el-button>
<el-button type="danger" @click="confirmDelete" :loading="deleteLoading"> <el-button type="danger" @click="confirmDelete" :loading="deleteLoading"> 确认删除 </el-button>
确认删除
</el-button>
</div> </div>
</template> </template>
</el-dialog> </el-dialog>
@ -191,7 +210,7 @@ const userStore = useUserStoreHook();
const router = useRouter(); const router = useRouter();
const currentProject = computed(() => userStore.selectedProject); const currentProject = computed(() => userStore.selectedProject);
const { proxy } = getCurrentInstance(); const { proxy } = getCurrentInstance();
import { useMaterialsQueryList, newMaterialsAdd, materialsEdit, materialsDel, queryMaterialsInfo } from "@/api/materials/usageMaterials/index"; import { useMaterialsQueryList, newMaterialsAdd, materialsEdit, materialsDel, queryMaterialsInfo } from '@/api/materials/usageMaterials/index';
// 表格数据相关 // 表格数据相关
const tableData = ref([]); const tableData = ref([]);
const total = ref(0); const total = ref(0);
@ -252,25 +271,23 @@ const formRules = reactive({
{ required: true, message: '请输入供应商', trigger: 'blur' }, { required: true, message: '请输入供应商', trigger: 'blur' },
{ max: 100, message: '供应商名称不能超过100个字符', trigger: 'blur' } { max: 100, message: '供应商名称不能超过100个字符', trigger: 'blur' }
], ],
findType: [ findType: [{ required: true, message: '请选择类型', trigger: 'change' }]
{ required: true, message: '请选择类型', trigger: 'change' }
]
}); });
// 格式化日期 // 格式化日期
const formatDate = (dateString) => { const formatDate = (dateString) => {
if (!dateString) return '-'; if (!dateString) return '-';
const date = new Date(dateString); const date = new Date(dateString);
return date.toLocaleString('zh-CN', { return date
.toLocaleString('zh-CN', {
year: 'numeric', year: 'numeric',
month: '2-digit', month: '2-digit',
day: '2-digit', day: '2-digit',
hour: '2-digit', hour: '2-digit',
minute: '2-digit', minute: '2-digit',
second: '2-digit' second: '2-digit'
}).replace(',', ' '); })
.replace(',', ' ');
}; };
// 表格行样式 // 表格行样式
@ -332,8 +349,6 @@ const handleAdd = () => {
// //
// 编辑 // 编辑
const handleEdit = (row) => { const handleEdit = (row) => {
dialogType.value = 'edit'; dialogType.value = 'edit';
@ -341,7 +356,7 @@ const handleEdit = (row) => {
resetForm(); resetForm();
// 填充表单数据 // 填充表单数据
Object.keys(formData).forEach(key => { Object.keys(formData).forEach((key) => {
if (row.hasOwnProperty(key)) { if (row.hasOwnProperty(key)) {
formData[key] = row[key]; formData[key] = row[key];
} }
@ -350,30 +365,28 @@ const handleEdit = (row) => {
dialogVisible.value = true; dialogVisible.value = true;
}; };
const handleAddSon = (row) => { const handleAddSon = (row) => {
ElMessageBox.confirm( ElMessageBox.confirm('确认提交', '提示', {
'确认提交',
'提示',
{
confirmButtonText: '确认', confirmButtonText: '确认',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning', type: 'warning'
} })
).then(() => { .then(() => {
materialsEdit({id:row.id,purchaseSubmission:'1'}).then(res=>{ materialsEdit({ id: row.id, purchaseSubmission: '1' }).then((res) => {
let { code } = res let { code } = res;
if (code === 200) { if (code === 200) {
ElMessage({ ElMessage({
type: 'success', type: 'success',
message: '提交成功', message: '提交成功'
}) });
} }
});
}) })
}).catch(() => { .catch(() => {
ElMessage({ ElMessage({
type: 'info', type: 'info',
message: '已取消提交', message: '已取消提交'
}) });
}) });
}; };
// 删除 // 删除
@ -382,7 +395,6 @@ const handleDelete = (row) => {
deleteDialogVisible.value = true; deleteDialogVisible.value = true;
}; };
// 确认删除 // 确认删除
const confirmDelete = async () => { const confirmDelete = async () => {
if (!currentRow.value) return; if (!currentRow.value) return;
@ -390,7 +402,7 @@ const confirmDelete = async () => {
deleteLoading.value = true; deleteLoading.value = true;
try { try {
// 模拟API请求 // 模拟API请求
const res = await materialsDel(currentRow.value.id) const res = await materialsDel(currentRow.value.id);
const { code } = res; const { code } = res;
if (code === 200) { if (code === 200) {
ElMessage.success('删除成功'); ElMessage.success('删除成功');
@ -408,8 +420,6 @@ const confirmDelete = async () => {
}; };
// //
// 保存 // 保存
const handleSave = async () => { const handleSave = async () => {
// 表单验证 // 表单验证
@ -425,16 +435,16 @@ const handleSave = async () => {
if (dialogType.value === 'add') { if (dialogType.value === 'add') {
// 新增 // 新增
formData.projectId = currentProject.value?.id; formData.projectId = currentProject.value?.id;
const res = await newMaterialsAdd(formData) const res = await newMaterialsAdd(formData);
let { code } = res let { code } = res;
if (code === 200) { if (code === 200) {
ElMessage.success('新增成功'); ElMessage.success('新增成功');
fetchData(); fetchData();
} }
} else { } else {
// 编辑 // 编辑
const res = await materialsEdit(formData) const res = await materialsEdit(formData);
let { code } = res let { code } = res;
if (code === 200) { if (code === 200) {
ElMessage.success('保存成功'); ElMessage.success('保存成功');
fetchData(); fetchData();
@ -457,7 +467,7 @@ const resetForm = () => {
} }
// 重置表单数据 // 重置表单数据
Object.keys(formData).forEach(key => { Object.keys(formData).forEach((key) => {
formData[key] = ''; formData[key] = '';
}); });
@ -472,7 +482,7 @@ const resetForm2 = () => {
} }
// 重置表单数据 // 重置表单数据
Object.keys(form).forEach(key => { Object.keys(form).forEach((key) => {
form[key] = ''; form[key] = '';
}); });
@ -482,7 +492,6 @@ const resetForm2 = () => {
}; };
// 提交表单 // 提交表单
// 关闭对话框 // 关闭对话框
const handleDialogClose = () => { const handleDialogClose = () => {
resetForm(); resetForm();
@ -492,7 +501,7 @@ const handleDialogClose = () => {
// 跳转 // 跳转
const jumpRouter = (row) => { const jumpRouter = (row) => {
router.push({ router.push({
path: `/materials/usageMaterials/purchaseSon`, path: `/materials/purchaseSon`,
query: { query: {
id: row.id, id: row.id,
type: 'update' type: 'update'
@ -503,7 +512,6 @@ const jumpRouter = (row) => {
onMounted(() => { onMounted(() => {
fetchData(); fetchData();
}); });
</script> </script>
<style scoped> <style scoped>

View File

@ -217,6 +217,7 @@ const handleUpdate = async (row?: ConfigVO) => {
const _id = row?.id || ids.value[0]; const _id = row?.id || ids.value[0];
const res = await getConfig(_id); const res = await getConfig(_id);
Object.assign(form.value, res.data); Object.assign(form.value, res.data);
form.value.deptId = res.data.projectId ? res.data.projectId : '';
dialog.visible = true; dialog.visible = true;
dialog.title = '修改消息配置'; dialog.title = '修改消息配置';
}; };
@ -226,6 +227,8 @@ const submitForm = () => {
configFormRef.value?.validate(async (valid: boolean) => { configFormRef.value?.validate(async (valid: boolean) => {
if (valid) { if (valid) {
// buttonLoading.value = true; // buttonLoading.value = true;
console.log(form.value);
if (form.value.id) { if (form.value.id) {
form.value.userId = form.value.userId ? form.value.userId?.join(',') : ''; form.value.userId = form.value.userId ? form.value.userId?.join(',') : '';
await updateConfig(form.value).finally(() => (buttonLoading.value = false)); await updateConfig(form.value).finally(() => (buttonLoading.value = false));