From e055f23263d9510b9a46b7f89d5f6c65f6f1ad89 Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期三, 26 二月 2025 21:58:08 +0800
Subject: [PATCH] 工程管理
---
src/api/projectEngineering/projectInfo.js | 8 +
src/api/projectEngineering/projectEngineering.js | 62 +++++++
src/views/engineering/index.vue | 353 ++++++++++++++++++++++++++++++++++++++++++++
3 files changed, 423 insertions(+), 0 deletions(-)
diff --git a/src/api/projectEngineering/projectEngineering.js b/src/api/projectEngineering/projectEngineering.js
new file mode 100644
index 0000000..43ee8fd
--- /dev/null
+++ b/src/api/projectEngineering/projectEngineering.js
@@ -0,0 +1,62 @@
+import request from '@/utils/request'
+
+
+// 鑾峰彇椤圭洰宸ョ▼鍒嗛〉
+export const getProjectEngineerings = (params) => {
+ return request({
+ url: "/project-engineering/page",
+ method: "GET",
+ params: params
+ })
+}
+
+// 鑾峰彇椤圭洰宸ョ▼鍒楄〃
+export const getProjectEngineeringList = () => {
+ return request({
+ url: "/project-engineering/list",
+ method: "GET"
+ })
+}
+
+// 閫氳繃id鑾峰彇椤圭洰宸ョ▼
+export const getProjectEngineeringById = (params) => {
+ return request({
+ url: "/project-engineering/" + params,
+ method: "GET"
+ })
+}
+
+// 閫氳繃id鍒犻櫎椤圭洰宸ョ▼
+export const deleteProjectEngineeringById = (params) => {
+ return request({
+ url: "/project-engineering/" + params,
+ method: "DELETE"
+ })
+}
+
+// 鎵归噺鍒犻櫎椤圭洰宸ョ▼
+export const deleteProjectEngineeringByIds = (params) => {
+ return request({
+ url: "/project-engineering/batch",
+ method: "DELETE",
+ data: params
+ })
+}
+
+// 淇敼椤圭洰宸ョ▼
+export const editProjectEngineering = (params) => {
+ return request({
+ url: "/project-engineering/",
+ method: "PUT",
+ data: params
+ })
+}
+
+// 娣诲姞椤圭洰宸ョ▼
+export const addProjectEngineering = (params) => {
+ return request({
+ url: "/project-engineering/",
+ method: "POST",
+ data: params
+ })
+}
diff --git a/src/api/projectEngineering/projectInfo.js b/src/api/projectEngineering/projectInfo.js
index 3551250..5d544ec 100644
--- a/src/api/projectEngineering/projectInfo.js
+++ b/src/api/projectEngineering/projectInfo.js
@@ -9,6 +9,14 @@
})
}
+// 鍏ㄩ儴
+export function list() {
+ return request({
+ url: '/project/info/list',
+ method: 'get'
+ })
+}
+
// 鏌ヨ椤圭洰绠＄悊鍩虹淇℃伅璇︾粏
export function getProject(id) {
return request({
diff --git a/src/views/engineering/index.vue b/src/views/engineering/index.vue
new file mode 100644
index 0000000..ff5a68f
--- /dev/null
+++ b/src/views/engineering/index.vue
@@ -0,0 +1,353 @@
+<template>
+ <div class="app-container">
+ <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+ <el-form-item label="宸ョ▼鍚嶇О" prop="projectName">
+ <el-input
+ v-model="queryParams.projectName"
+ placeholder="璇疯緭鍏ュ伐绋嬪悕绉�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="涓婚」鐩�" prop="projectInfoId">
+ <el-row>
+ <el-select v-model="queryParams.projectInfoId" filterable clearable style="width: 100%" placeholder="璇烽�夋嫨涓婚」鐩�">
+ <el-option
+ v-for="item in projectList"
+ :key="'pp1' + item.id"
+ :label="item.projectName"
+ :value="item.id">
+ </el-option>
+ </el-select>
+ </el-row>
+ </el-form-item>
+ <el-form-item label="椤圭洰鎺ㄨ繘绫诲瀷" label-width="120px" prop="projectType">
+ <el-select v-model="queryParams.projectType" placeholder="璇烽�夋嫨椤圭洰鎺ㄨ繘绫诲瀷" clearable>
+ <el-option
+ v-for="dict in dict.type.sys_project_type"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鐘舵��" prop="status">
+ <el-select v-model="queryParams.status" placeholder="璇烽�夋嫨鐘舵��" clearable>
+ <el-option
+ v-for="dict in dict.type.sys_project_status"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
+
+ <el-row :gutter="10" class="mb8">
+ <el-col :span="1.5">
+ <el-button
+ type="primary"
+ plain
+ icon="el-icon-plus"
+ size="mini"
+ @click="handleAdd"
+ v-hasPermi="['code:engineering:add']"
+ >鏂板</el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="success"
+ plain
+ icon="el-icon-edit"
+ size="mini"
+ :disabled="single"
+ @click="handleUpdate"
+ v-hasPermi="['code:engineering:edit']"
+ >淇敼</el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="danger"
+ plain
+ icon="el-icon-delete"
+ size="mini"
+ :disabled="multiple"
+ @click="handleDelete"
+ v-hasPermi="['code:engineering:remove']"
+ >鍒犻櫎</el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="warning"
+ plain
+ icon="el-icon-download"
+ size="mini"
+ @click="handleExport"
+ v-hasPermi="['code:engineering:export']"
+ >瀵煎嚭</el-button>
+ </el-col>
+ <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+ </el-row>
+
+ <el-table v-loading="loading" :data="engineeringList" @selection-change="handleSelectionChange">
+ <el-table-column type="selection" width="55" align="center" />
+ <el-table-column label="宸ョ▼鍚嶇О" align="center" prop="projectName" />
+ <el-table-column label="涓婚」鐩悕绉�" align="center" prop="projectInfoName" />
+ <el-table-column label="椤圭洰鎺ㄨ繘绫诲瀷" align="center" prop="projectType">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.sys_project_type" :value="scope.row.projectType"/>
+ </template>
+ </el-table-column>
+ <el-table-column label="鎶曡祫棰�" align="center" prop="investmentAmount" />
+ <el-table-column label="寮�宸ョ姸鎬�" align="center" prop="status">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.sys_project_status" :value="scope.row.status"/>
+ </template>
+ </el-table-column>
+ <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
+ <template slot-scope="scope">
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-edit"
+ @click="handleUpdate(scope.row)"
+ v-hasPermi="['code:engineering:edit']"
+ >淇敼</el-button>
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-delete"
+ @click="handleDelete(scope.row)"
+ v-hasPermi="['code:engineering:remove']"
+ >鍒犻櫎</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <pagination
+ v-show="total>0"
+ :total="total"
+ :page.sync="queryParams.currentPage"
+ :limit.sync="queryParams.pageSize"
+ @pagination="getList"
+ />
+
+ <!-- 娣诲姞鎴栦慨鏀瑰伐绋嬪簱瀵硅瘽妗� -->
+ <el-dialog :title="title" :visible.sync="open" width="800px" :close-on-click-modal="false" :destroy-on-close="true" append-to-body>
+ <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+ <el-form-item label="宸ョ▼鍚嶇О" prop="projectName">
+ <el-input v-model="form.projectName" placeholder="璇疯緭鍏ュ伐绋嬪悕绉�" />
+ </el-form-item>
+ <el-form-item label="涓婚」鐩�" prop="projectInfoId">
+ <el-row>
+ <el-select v-model="form.projectInfoId" filterable style="width: 100%" placeholder="璇烽�夋嫨涓婚」鐩�">
+ <el-option
+ v-for="item in projectList"
+ :key="'pp' + item.id"
+ :label="item.projectName"
+ :value="item.id">
+ </el-option>
+ </el-select>
+ </el-row>
+ </el-form-item>
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="鎶曡祫棰�(涓�)" prop="investmentAmount">
+ <el-input v-model="form.investmentAmount" type="number" placeholder="璇疯緭鍏ユ姇璧勯(涓囧厓)" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="椤圭洰鎺ㄨ繘绫诲瀷" prop="projectType" label-width="100px">
+ <el-select v-model="form.projectType" style="width: 100%" placeholder="璇烽�夋嫨椤圭洰鎺ㄨ繘绫诲瀷">
+ <el-option
+ v-for="dict in dict.type.sys_project_type"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-form-item label="寮�宸ョ姸鎬�" prop="status">
+ <el-select v-model="form.status" placeholder="璇烽�夋嫨寮�宸ョ姸鎬�">
+ <el-option
+ v-for="dict in dict.type.sys_project_status"
+ :key="'1111' + dict.value"
+ :value="dict.value"
+ :label="dict.label"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ </el-form>
+ <div slot="footer" class="dialog-footer">
+ <el-button type="primary" @click="submitForm">纭� 瀹�</el-button>
+ <el-button @click="cancel">鍙� 娑�</el-button>
+ </div>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import { getProjectEngineerings, getProjectEngineeringById, deleteProjectEngineeringByIds, editProjectEngineering, addProjectEngineering } from "@/api/projectEngineering/projectEngineering";
+import {list} from "@/api/projectEngineering/projectInfo";
+
+export default {
+ name: "Engineering",
+ dicts: ['sys_project_type', 'sys_project_status'],
+ data() {
+ return {
+ projectList: [], // 涓婚」鐩垪琛�
+ // 閬僵灞�
+ loading: true,
+ // 閫変腑鏁扮粍
+ ids: [],
+ // 闈炲崟涓鐢�
+ single: true,
+ // 闈炲涓鐢�
+ multiple: true,
+ // 鏄剧ず鎼滅储鏉′欢
+ showSearch: true,
+ // 鎬绘潯鏁�
+ total: 0,
+ // 宸ョ▼搴撹〃鏍兼暟鎹�
+ engineeringList: [],
+ // 寮瑰嚭灞傛爣棰�
+ title: "",
+ // 鏄惁鏄剧ず寮瑰嚭灞�
+ open: false,
+ // 鏌ヨ鍙傛暟
+ queryParams: {
+ currentPage: 1,
+ pageSize: 10,
+ projectInfoId: null,
+ projectName: null,
+ projectType: null,
+ status: null,
+ },
+ // 琛ㄥ崟鍙傛暟
+ form: {},
+ // 琛ㄥ崟鏍￠獙
+ rules: {
+ projectName: [{required: true, message: '璇疯緭鍏ュ伐绋嬪悕绉�', trigger: 'blur'}],
+ projectInfoId: [{required: true, message: '璇烽�夋嫨涓婚」鐩�', trigger: 'change'}],
+ investmentAmount: [{required: true, message: '璇疯緭鍏ユ姇璧勯', trigger: 'change'}],
+ projectType: [{required: true, message: '璇烽�夋嫨娴佺▼鎺ㄨ繘绫诲瀷', trigger: 'change'}],
+ status: [{required: true, message: '璇烽�夋嫨寮�宸ョ姸鎬�', trigger: 'change'}],
+ }
+ };
+ },
+ created() {
+ this.getList();
+ this.getProjectList();
+ },
+ methods: {
+ getProjectList() {
+ list().then(res => {
+ this.projectList = res.data
+ })
+ },
+ /** 鏌ヨ宸ョ▼搴撳垪琛� */
+ getList() {
+ this.loading = true;
+ getProjectEngineerings(this.queryParams).then(res => {
+ this.engineeringList = res.data;
+ this.total = res.total;
+ this.loading = false;
+ });
+ },
+ // 鍙栨秷鎸夐挳
+ cancel() {
+ this.open = false;
+ this.reset();
+ },
+ // 琛ㄥ崟閲嶇疆
+ reset() {
+ this.form = {
+ id: null,
+ projectInfoId: null,
+ projectName: null,
+ projectType: null,
+ investmentAmount: null,
+ status: null,
+ gmtCreate: null,
+ gmtUpdate: null,
+ deleted: null
+ };
+ this.resetForm("form");
+ },
+ /** 鎼滅储鎸夐挳鎿嶄綔 */
+ handleQuery() {
+ this.queryParams.pageNum = 1;
+ this.getList();
+ },
+ /** 閲嶇疆鎸夐挳鎿嶄綔 */
+ resetQuery() {
+ this.resetForm("queryForm");
+ this.handleQuery();
+ },
+ // 澶氶�夋閫変腑鏁版嵁
+ handleSelectionChange(selection) {
+ this.ids = selection.map(item => item.id)
+ this.single = selection.length!==1
+ this.multiple = !selection.length
+ },
+ /** 鏂板鎸夐挳鎿嶄綔 */
+ handleAdd() {
+ this.reset();
+ this.open = true;
+ this.title = "娣诲姞宸ョ▼";
+ },
+ /** 淇敼鎸夐挳鎿嶄綔 */
+ handleUpdate(row) {
+ this.reset();
+ const id = row.id || this.ids
+ getProjectEngineeringById(id).then(response => {
+ this.form = response.data;
+ this.open = true;
+ this.title = "淇敼宸ョ▼";
+ });
+ },
+ /** 鎻愪氦鎸夐挳 */
+ submitForm() {
+ this.$refs["form"].validate(valid => {
+ if (valid) {
+ if (this.form.id != null) {
+ editProjectEngineering(this.form).then(response => {
+ this.$modal.msgSuccess("淇敼鎴愬姛");
+ this.open = false;
+ this.getList();
+ });
+ } else {
+ addProjectEngineering(this.form).then(response => {
+ this.$modal.msgSuccess("鏂板鎴愬姛");
+ this.open = false;
+ this.getList();
+ });
+ }
+ }
+ });
+ },
+ /** 鍒犻櫎鎸夐挳鎿嶄綔 */
+ handleDelete(row) {
+ const ids = row.id || this.ids;
+ this.$modal.confirm('鏄惁纭鍒犻櫎宸ョ▼搴撶紪鍙蜂负"' + ids + '"鐨勬暟鎹」锛�').then(function() {
+ return deleteProjectEngineeringByIds(ids);
+ }).then(() => {
+ this.getList();
+ this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+ }).catch(() => {});
+ },
+ /** 瀵煎嚭鎸夐挳鎿嶄綔 */
+ handleExport() {
+ this.download('code/engineering/export', {
+ ...this.queryParams
+ }, `engineering_${new Date().getTime()}.xlsx`)
+ }
+ }
+};
+</script>
--
Gitblit v1.8.0