修改项目信息

oa-ui/src/views/oa/project/index.vue

  * @Author: ysh
  * @Date: 2024-02-27 14:49:15
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-02-27 17:12:57
+ * @LastEditTime: 2024-02-28 17:02:43
 -->
 <template>
   <div class="project-wrapper">
       </el-form>
     </el-row>
     <!-- 项目统计 -->
-    <el-row>
+    <!-- <el-row>
       <el-col>
         <el-row :gutter="10">
           <el-col :span="8">
           </el-col>
         </el-row>
       </el-col>
-    </el-row>
+    </el-row> -->
     <!-- 项目列表 -->
     <el-card style="margin-top: 20px;">
       <div slot="header" class="card-header">
             @click="handleAdd">新增项目</el-button>
         </div>
       </div>
-      <el-table v-loading="loading" :data="projectList" style="margin-top: 30px;" header-row-class-name="table-header">
+      <el-table v-loading="loading" :data="projectList" style="margin-top: 30px;">
         <el-table-column type="index" width="50">
         </el-table-column>
         <el-table-column prop="isFinshed" label="状态" width="90px">
         @pagination="getList" />
     </el-card>
     <!-- 新建项目 -->
-    <el-dialog :title="title" :visible.sync="addOpen" :rules="rules" append-to-body>
-      <el-form :model="addForm" label-width="100px">
+    <el-dialog :title="title" :visible.sync="addOpen" append-to-body>
+      <el-form :model="addForm" :rules="rules" label-width="100px">
         <el-form-item label="项目编号：" prop="projectNumber">
           <el-input v-model="addForm.projectNumber"></el-input>
         </el-form-item>
         <el-form-item label="项目名称：" prop="projectName">
           <el-input v-model="addForm.projectName"></el-input>
         </el-form-item>
-        <el-form-item label="项目负责人：" prop="projectNumber">
-          <el-button type="primary" plain icon="el-icon-plus" size="mini">选择</el-button>
+        <el-form-item label="项目负责人：" prop="projectLeader">
+          <el-tag effect="plain" type="warning" style="margin-right: 10px;"
+            v-if="addForm.projectLeaderName != undefined">{{ addForm.projectLeaderName }}</el-tag>
+          <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="choosePeople">选择</el-button>
+        </el-form-item>
+        <el-form-item label="项目类型：" prop="projectType">
+          <el-input v-model="addForm.projectType"></el-input>
+        </el-form-item>
+        <el-form-item label="项目级别：" prop="projectLevel">
+          <el-radio v-model="addForm.projectLevel" label="0">一般项目</el-radio>
+          <el-radio v-model="addForm.projectLevel" label="1">重大项目</el-radio>
+        </el-form-item>
+        <el-form-item label="项目来源：" prop="projectSource">
+          <el-radio v-model="addForm.projectSource" label="0">院内</el-radio>
+          <el-radio v-model="addForm.projectSource" label="1">院外</el-radio>
         </el-form-item>
+        <el-form-item label="甲方单位：" prop="partyA">
+          <el-input v-model="addForm.partyA"></el-input>
+        </el-form-item>
+        <el-form-item label="联系人：" prop="contactPerson">
+          <el-input v-model="addForm.contactPerson"></el-input>
+        </el-form-item>
+        <el-form-item label="联系电话：" prop="telephone">
+          <el-input v-model="addForm.telephone"></el-input>
+        </el-form-item>
+        <el-form-item label="项目概况：" prop="projectRegistrant">
+          <table border="1">
+            <tr>
+              <td style="width:250px;">工作内容</td>
+              <td>等级或比例尺</td>
+              <td>单位</td>
+              <td>工作量</td>
+              <td style="width:100px;">要求完成时间</td>
+              <td>备注</td>
+            </tr>
+            <tr v-for="(work, index) in workList" :key="index">
+              <td>
+                <el-input v-model="work.name" type="textarea" autosize clearable></el-input>
+              </td>
+              <td>
+                <el-input v-model="work.scale" clearable></el-input>
+              </td>
+              <td>
+                <el-input v-model="work.unit" clearable></el-input>
+              </td>
+              <td>
+                <el-input v-model="work.workload" clearable></el-input>
+              </td>
+              <td>
+                <!-- <el-input v-model="work.deadline" clearable></el-input> -->
+                <el-date-picker style="width:140px;" v-model="work.deadline" type="date" placeholder="选择日期">
+                </el-date-picker>
+              </td>
+              <td>
+                <el-input v-model="work.remark" type="textarea" autosize clearable></el-input>
+              </td>
+              <td>
+                <el-button type="danger" icon="el-icon-minus" size="mini" circle
+                  @click="deletWorkItem(index)"></el-button>
+              </td>
+            </tr>
+          </table>
+
+          <el-button icon="el-icon-plus" size="mini" @click="addWorkList"></el-button>
+        </el-form-item>
+
+        <el-form-item label="项目登记人：" prop="projectRegistrant">
+          <el-input v-model="addForm.projectRegistrant"></el-input>
+        </el-form-item>
+
+
       </el-form>
       <div slot="footer" class="dialog-footer" style="text-align: center;">
         <el-button type="primary" @click="confirmAddForm">确 定</el-button>
-        <el-button @click="addOpen = false">取 消</el-button>
+        <el-button @click="cancel">取 消</el-button>
       </div>
+      <!-- 人员选择对话框 -->
+      <el-dialog width="30%" title="选择项目负责人" :visible.sync="peopleVisible" append-to-body>
+        <el-form>
+          <el-form-item label="部门：">
+            <el-select v-model="peopleForm.deptId" @change="handleChangeDept">
+              <el-option v-for="item in peopleForm.deptList" :key="item.deptId" :label="item.deptName"
+                :value="item.deptId" v-if="item.deptName != '四川中水成勘院测绘工程有限责任公司'">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="人员：">
+            <el-select v-model="peopleForm.userId">
+              <el-option v-for="item in peopleForm.userList" :key="item.userId" :label="item.nickName"
+                :value="item.userId">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button @click="confirmPeople" type="primary">确定</el-button>
+            <el-button>取消</el-button>
+          </el-form-item>
+        </el-form>
+      </el-dialog>
     </el-dialog>
   </div>
 </template>
 
 <script>
 import { listProject } from "@/api/oa/project/project";
-
+import { listDept } from '@/api/system/dept'
+import { listUser } from '@/api/system/user'
 export default {
   data() {
     return {
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        projectNumber: undefined,
-        projectLeader: undefined,
-        projectName: undefined,
+        projectNumber: '',
+        projectLeader: '',
+        projectLeaderName: undefined,
+        projectName: '',
       },
       projectList: [],
       total: 0,
       title: '',
       addForm: {},
       rules: {
-        projectNumber: [{ required: true, message: '请输入项目编号', trigger: 'blur' }]
-      }
+        projectNumber: [{ required: true, message: '请输入项目编号', trigger: 'blur' }],
+        projectName: [{ required: true, message: '请输入项目名称', trigger: 'blur' }]
+      },
+      peopleVisible: false,
+      peopleForm: {
+        deptId: '',
+        deptList: [],
+        userId: '',
+        userList: []
+      },
+      workList: [{
+        name: '',
+        scale: '',
+        unit: '',
+        workload: '',
+        deadline: '',
+        remark: ''
+      }]
     }
   },
   created() {
     this.getList();
+    this.getDeptList();
   },
   methods: {
     // 查询项目列表
     getList() {
       this.loading = true
-      listProject(this.queryForm).then(response => {
+      listProject(this.queryParams).then(response => {
         this.projectList = response.rows;
         this.total = response.total;
         this.loading = false;
       })
     },
+    getDeptList() {
+      listDept({
+        deptName: undefined,
+        status: undefined
+      }).then(res => {
+        this.peopleForm.deptList = res.data
+      })
+    },
     handleQuery() {
       this.queryParams.pageNum = 1;
       this.getList();
     handleDelete(row) {
 
     },
-    confirmAddForm(){
+    confirmAddForm() {
 
+    },
+    // 人员选择
+    choosePeople() {
+      this.peopleVisible = true;
+    },
+    // 改变部门选择
+    handleChangeDept(deptId) {
+      this.peopleForm.userId = '';
+      listUser({ pageSize: 999999, deptId }).then(res => {
+        console.log(res);
+        this.peopleForm.userList = res.rows
+      })
+    },
+    // 确定项目负责人
+    confirmPeople() {
+      this.addForm.projectLeader = this.peopleForm.userId;
+      this.addForm.projectLeaderName = this.tagLeader()
+      this.peopleVisible = false
+    },
+    tagLeader() {
+      if (this.addForm.projectLeader == '' || this.addForm.projectLeader == undefined || this.addForm.projectLeader == null) {
+        return undefined
+      } else {
+        for (let user of this.peopleForm.userList) {
+          if (this.addForm.projectLeader == user.userId) {
+            return user.nickName
+          }
+        }
+      }
+    },
+    cancel() {
+      this.peopleForm.deptId = '';
+      this.peopleForm.userId = '';
+      this.addOpen = false;
+      this.addForm = {}
+    },
+    addWorkList() {
+      this.workList.push({
+        name: '',
+        scale: '',
+        unit: '',
+        workload: '',
+        deadline: '',
+        remark: ''
+      });
+    },
+    deletWorkItem(index) {
+      let arr = this.workList
+      if (arr.length == 1) {
+        return
+      }
+      if (index >= 0 && index < arr.length) {
+        arr.splice(index, 1);
+      }
     }
   },
 }
   justify-content: space-between;
   padding: 0 10px;
 }
+
+table {
+  /*居中*/
+  margin: 0 auto;
+  /*边框*/
+  /* border: 1px solid black; */
+  text-align: center;
+  border-collapse: collapse;
+  /*设置背景颜色*/
+  /* background-color: #bfa; */
+}
 </style>