项目对标管理下的项目管理，项目评价部门管理功能开发

src/api/basic/pro/proDept.js

@@ -1,44 +1,44 @@
 import request from '@/utils/request'
 
 // 查询列表
-export function listProUint(query) {
+export function listProDept(query) {
   return request({
-    url: '/basic/pro/proUint/list',
+    url: '/basic/pro/proDept/list',
     method: 'get',
     params: query
   })
 }
 
 // 查询详细
-export function getProUint(id) {
+export function getProDept(id) {
   return request({
-    url: '/basic/pro/proUint/' + id,
+    url: '/basic/pro/proDept/' + id,
     method: 'get'
   })
 }
 
 // 新增
-export function addProUint(data) {
+export function addProDept(data) {
   return request({
-    url: '/basic/pro/proUint',
+    url: '/basic/pro/proDept',
     method: 'post',
     data: data
   })
 }
 
 // 修改
-export function updateProUint(data) {
+export function updateProDept(data) {
   return request({
-    url: '/basic/pro/proUint',
+    url: '/basic/pro/proDept',
     method: 'put',
     data: data
   })
 }
 
 // 删除
-export function delProUint(id) {
+export function delProDept(id) {
   return request({
-    url: '/basic/pro/proUint/' + id,
+    url: '/basic/pro/proDept/' + id,
     method: 'delete'
   })
 }

src/api/basic/pro/proUnit.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询列表
+export function listProUnit(query) {
+  return request({
+    url: '/basic/pro/proUnit/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询详细
+export function getProUnit(id) {
+  return request({
+    url: '/basic/pro/proUnit/' + id,
+    method: 'get'
+  })
+}
+
+// 新增
+export function addProUnit(data) {
+  return request({
+    url: '/basic/pro/proUnit',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改
+export function updateProUnit(data) {
+  return request({
+    url: '/basic/pro/proUnit',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除
+export function delProUnit(id) {
+  return request({
+    url: '/basic/pro/proUnit/' + id,
+    method: 'delete'
+  })
+}

src/api/basic/pro/project.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询列表
+export function listProject(query) {
+  return request({
+    url: '/basic/pro/project/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询详细
+export function getProject(id) {
+  return request({
+    url: '/basic/pro/project/' + id,
+    method: 'get'
+  })
+}
+
+// 新增
+export function addProject(data) {
+  return request({
+    url: '/basic/pro/project',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改
+export function updateProject(data) {
+  return request({
+    url: '/basic/pro/project',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除
+export function delProject(id) {
+  return request({
+    url: '/basic/pro/project/' + id,
+    method: 'delete'
+  })
+}
+
+// 查询项目列表下拉选
+export function selectUnit(query) {
+  return request({
+    url: '/basic/pro/project/getSelectList',
+    method: 'get',
+    params: query
+  })
+}

src/views/basic/pro/proDept.vue

@@ -0,0 +1,221 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="85px">
+      <el-form-item label="事业部名称" prop="deptName">
+        <el-input
+          v-model="queryParams.deptName"
+          placeholder="请输入事业部名称"
+          clearable
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </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="['basic:pro:proDept:add']"
+        >新增</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="proDeptList">
+      <el-table-column label="序号" align="center" prop="id" />
+      <el-table-column label="事业部名称" align="center" prop="deptName" :show-overflow-tooltip="true" />
+      <el-table-column label="排序" align="center" prop="deptSort" :show-overflow-tooltip="true" />
+      <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="['basic:pro:proDept:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['basic:pro:proDept:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改参数配置对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="事业部名称:" prop="deptName">
+          <el-input v-model="form.deptName" placeholder="请输入事业部名称" />
+        </el-form-item>
+
+        <el-form-item label="排序:" prop="deptSort">
+          <el-input-number
+            v-model="form.deptSort"
+            :min="1"
+            :max="10000"
+            :step="1"
+            step-strictly
+            controls-position="right"
+            placeholder="请输入排序"
+            style="width: 100%"
+          />
+        </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 { listProDept, getProDept, delProDept, addProDept, updateProDept } from "@/api/basic/pro/proDept"
+
+export default {
+  name: "ProDept",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      proDeptList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        deptName: undefined
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        deptName: [
+          { required: true, message: "事业部名称不能为空", trigger: "blur" }
+        ],
+        deptSort: [
+          { required: true, message: "排序不能为空", trigger: "blur" }
+        ]
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    /** 查询字典类型列表 */
+    getList() {
+      this.loading = true
+      listProDept(this.queryParams).then(response => {
+          this.proDeptList = response.rows
+          this.total = response.total
+          this.loading = false
+        }
+      )
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: undefined,
+        deptName: undefined,
+        deptSort: 0
+      }
+      this.resetForm("form")
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm")
+      this.handleQuery()
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset()
+      this.open = true
+      this.title = "添加字典类型"
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset()
+      getProDept(row.id).then(response => {
+        this.form = response.data
+        this.open = true
+        this.title = "修改字典类型"
+      })
+    },
+    /** 提交按钮 */
+    submitForm: function() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != undefined) {
+            updateProDept(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功")
+              this.open = false
+              this.getList()
+            })
+          } else {
+            addProDept(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功")
+              this.open = false
+              this.getList()
+            })
+          }
+        }
+      })
+    },
+
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      this.$modal.confirm('是否确认删除数据项？').then(function() {
+        return delProDept(row.id)
+      }).then(() => {
+        this.getList()
+        this.$modal.msgSuccess("删除成功")
+      }).catch(() => {})
+    },
+  }
+}
+</script>

src/views/basic/pro/proUnit.vue

@@ -24,13 +24,13 @@
           icon="el-icon-plus"
           size="mini"
           @click="handleAdd"
-          v-hasPermi="['basic:pro:proUint:add']"
+          v-hasPermi="['basic:pro:proUnit:add']"
         >新增</el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="proUintList">
+    <el-table v-loading="loading" :data="proUnitList">
       <el-table-column label="序号" align="center" prop="id" />
       <el-table-column label="事业部名称" align="center" prop="unitName" :show-overflow-tooltip="true" />
       <el-table-column label="排序" align="center" prop="deptSort" :show-overflow-tooltip="true" />
@@ -41,14 +41,14 @@
             type="text"
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
-            v-hasPermi="['basic:pro:proUint:edit']"
+            v-hasPermi="['basic:pro:proUnit:edit']"
           >修改</el-button>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
-            v-hasPermi="['basic:pro:proUint:remove']"
+            v-hasPermi="['basic:pro:proUnit:remove']"
           >删除</el-button>
         </template>
       </el-table-column>
@@ -92,10 +92,10 @@
 </template>
 
 <script>
-import { listProUint, getProUint, delProUint, addProUint, updateProUint } from "@/api/basic/pro/proUint"
+import { listProUnit, getProUnit, delProUnit, addProUnit, updateProUnit } from "@/api/basic/pro/proUnit"
 
 export default {
-  name: "ProUint",
+  name: "ProUnit",
   data() {
     return {
       // 遮罩层
@@ -109,7 +109,7 @@ export default {
       // 总条数
       total: 0,
       // 表格数据
-      proUintList: [],
+      proUnitList: [],
       // 弹出层标题
       title: "",
       // 是否显示弹出层
@@ -140,8 +140,8 @@ export default {
     /** 查询字典类型列表 */
     getList() {
       this.loading = true
-      listProUint(this.queryParams).then(response => {
+      listProUnit(this.queryParams).then(response => {
-          this.proUintList = response.rows
+          this.proUnitList = response.rows
           this.total = response.total
           this.loading = false
         }
@@ -180,7 +180,7 @@ export default {
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset()
-      getProUint(row.id).then(response => {
+      getProUnit(row.id).then(response => {
         this.form = response.data
         this.open = true
         this.title = "修改字典类型"
@@ -191,13 +191,13 @@ export default {
       this.$refs["form"].validate(valid => {
         if (valid) {
           if (this.form.id != undefined) {
-            updateProUint(this.form).then(response => {
+            updateProUnit(this.form).then(response => {
               this.$modal.msgSuccess("修改成功")
               this.open = false
               this.getList()
             })
           } else {
-            addProUint(this.form).then(response => {
+            addProUnit(this.form).then(response => {
               this.$modal.msgSuccess("新增成功")
               this.open = false
               this.getList()
@@ -210,7 +210,7 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       this.$modal.confirm('是否确认删除数据项？').then(function() {
-        return delProUint(row.id)
+        return delProUnit(row.id)
       }).then(() => {
         this.getList()
         this.$modal.msgSuccess("删除成功")

src/views/basic/pro/project.vue

@@ -0,0 +1,228 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="85px">
+      <el-form-item label="项目名称" prop="proName">
+        <el-input
+          v-model="queryParams.proName"
+          placeholder="请输入项目名称"
+          clearable
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </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="['basic:pro:project:add']"
+        >新增</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="projectList">
+      <el-table-column label="序号" align="center" prop="id" />
+      <el-table-column label="项目名称" align="center" prop="proName" :show-overflow-tooltip="true" />
+      <el-table-column label="所属事业部" align="center" prop="unitName" :show-overflow-tooltip="true" />
+      <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="['basic:pro:project:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['basic:pro:project:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改参数配置对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="项目名称:" prop="proName">
+          <el-input v-model="form.proName" placeholder="请输入项目名称" />
+        </el-form-item>
+
+        <el-form-item label="所属事业部:" prop="unitId">
+          <el-select v-model="form.unitId" style="width: 100%">
+            <el-option
+              v-for="dict in unitOptions"
+              :key="dict.unitId"
+              :label="dict.unitName"
+              :value="Number(dict.unitId)"
+            >{{dict.unitName}}</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 { listProject, getProject, delProject, addProject, updateProject, selectUnit } from "@/api/basic/pro/project"
+
+export default {
+  name: "Project",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      projectList: [],
+      // 下拉选
+      unitOptions: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        proName: undefined
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        proName: [
+          { required: true, message: "项目名称不能为空", trigger: "blur" }
+        ],
+        unitId: [
+          { required: true, message: "所属事业部不能为空", trigger: "blur" }
+        ]
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    /** 查询项目列表 */
+    getList() {
+      this.loading = true
+      listProject(this.queryParams).then(response => {
+          this.projectList = response.rows
+          this.total = response.total
+          this.loading = false
+        }
+      )
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: undefined,
+        proName: undefined,
+        deptSort: 0
+      }
+      this.resetForm("form")
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm")
+      this.handleQuery()
+    },
+
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset()
+      this.open = true
+      this.title = "添加项目"
+      selectUnit().then(response => {
+        this.unitOptions = response.data.map(item => ({
+          ...item,
+          id: Number(item.id) // 强制转换为 number
+        }));
+      })
+    },
+
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset()
+      getProject(row.id).then(response => {
+        this.form = response.data
+        this.open = true
+        this.title = "修改项目"
+      })
+    },
+    /** 提交按钮 */
+    submitForm: function() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != undefined) {
+            updateProject(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功")
+              this.open = false
+              this.getList()
+            })
+          } else {
+            addProject(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功")
+              this.open = false
+              this.getList()
+            })
+          }
+        }
+      })
+    },
+
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      this.$modal.confirm('是否确认删除数据项？').then(function() {
+        return delProject(row.id)
+      }).then(() => {
+        this.getList()
+        this.$modal.msgSuccess("删除成功")
+      }).catch(() => {})
+    },
+  }
+}
+</script>