完成新增子模块

src/api/manage.js

@@ -198,6 +198,29 @@ export const editProject = (body ,id,token) => {
     })
 }
 
+/**
+ * 
+ * 新增子模块
+ * @param {Object} body 包含项目更新信息的对象
+ * @param {string} token 访问令牌
+ * @returns {Promise<AxiosResponse<any>>}
+ * 
+ */
+export const addModule = (body,token) => {
+    return axios({
+        url: api +"/project/module/add" ,
+        method: "post",
+        headers: {
+            'Authorization': 'Bearer ' + token,
+            'Timestamp': getCurrentTimestamp()
+        },
+        data:body
+
+
+    })
+}
+
+
 
 
 

src/views/personal/project/childSystem/manage.vue

@@ -108,6 +108,7 @@ const initialTableData = ref<User[]>([]);
 // 获取projectid
   const route = useRoute();
   const projectId = route.query.id;
+console.log(projectId);
 
   //处理数据函数
   const parseData = (data)=>{
@@ -129,7 +130,7 @@ const initialTableData = ref<User[]>([]);
   
   const fetchData = () => {
     
-    const project = getProjectSysList( projectId ? Number(projectId) - 1 : 0,getToken());
+    const project = getProjectSysList(  projectId ,getToken());
 
     //处理数据
     project.then(res=>{

src/views/personal/project/childmodel/manage.vue

@@ -49,18 +49,44 @@
       <el-pagination larger background layout="prev, pager, next" :total="50" class="mt-4"
         style="display: flex;flex-direction: row;justify-content: center;margin-top:5vh" />
     </el-card>
-    <!-- 编辑弹窗 -->
+
-    <el-dialog title="编辑信息" :visible.sync="dialogVisible" @click="dialogVisible = true">
+
-      <el-form ref="editForm" :model="editForm" label-width="100px">
+    <!-- 新增弹窗 -->
+    <el-dialog title="新增子模块信息" v-model="dialogVisible" style="width: 27%" >
+      <el-form  :model="editForm" label-width="100px">
+        
+        <!-- <el-form-item label="序号">
+          <el-input v-model="editForm.id" placeholder="请输入id" />
+        </el-form-item> -->
         <el-form-item label="名称">
           <el-input v-model="editForm.name" placeholder="请输入名称" />
         </el-form-item>
         <el-form-item label="状态">
           <el-input v-model="editForm.status" placeholder="请输入状态" />
         </el-form-item>
+        <el-form-item label="工作量">
+          <el-input v-model="editForm.workLoad" placeholder="请输入工作量" />
+        </el-form-item>
+        <el-form-item label="周期">
+          <el-input v-model="editForm.cycle" placeholder="请输入周期" />
+        </el-form-item>
+        <!-- <el-form-item label="负责人">
+          <el-input v-model="editForm.principalUser" placeholder="请输入负责人" />
+        </el-form-item> -->
+
+        <el-form-item label="子系统">
+          <el-input  :placeholder="`子系统 ${editForm.projectChildId}`"  disabled />
+        </el-form-item>
+        <el-form-item label="截止时间">
+          <el-date-picker v-model="editForm.deadLine" type="date" placeholder="选择日期">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="子模块简介">
+          <el-input v-model="editForm.description" placeholder="请输入子模块简介" />
+        </el-form-item>
         <!-- 添加其他需要编辑的表单项 -->
       </el-form>
-      <span slot="footer" class="dialog-footer">
+      <span slot="footer" class="dialog-footer" style="display: flex;flex-direction: row;justify-content: center;">
         <el-button @click="handleCloseDialog">取消</el-button>
         <el-button type="primary" @click="submitEditInfo">确认</el-button>
       </span>
@@ -72,24 +98,81 @@
 <script lang="ts" setup>
 import { ref } from 'vue';
 import { ElTable ,ElDialog, ElForm, ElFormItem, ElInput, ElButton } from 'element-plus';
-import { getProjectModList } from '@/api/manage';
+import { getProjectModList ,addModule } from '@/api/manage';
 import { useRouter, useRoute } from 'vue-router';
 import { getToken } from '@/utils/auth';
 
-
+//获取参数
+const route = useRoute();
+const sysId = route.query.id;
 
 const router = useRouter();
-const dialogVisible = ref(true);
+const dialogVisible = ref(false);
+//表单显示内容
 const editForm = ref({
-  name: '',
+  name: 'name',
   status: '',
-  // 添加其他需要编辑的表单项
+  workLoad: '',
-});
+  cycle: '',
-// 点击编辑按钮打开弹窗
+  projectChildId: sysId,
-const openEditDialog = () => {
+  deadLine: '',
-  dialogVisible.value = true;
+  description: '',
-};
   
+});
+// 点击新增按钮打开弹窗
+const openEditDialog = () => {
+  
+  
+  dialogVisible.value = true;
+  // console.log(dialogVisible.value);
+  
+};
+//关闭弹窗
+const handleCloseDialog = ()=>{
+  dialogVisible.value = false;
+}
+
+const submitEditInfo = ()=>{
+     // 将日期对象转换为日期字符串
+     const formattedDate = editForm.value.deadLine instanceof Date ? editForm.value.deadLine.toISOString() : editForm.value.deadLine;
+
+
+    const body={
+      name: editForm.value.name,
+      status: editForm.value.status,
+      workLoad: editForm.value.workLoad,
+      cycle: editForm.value.cycle,
+      projectChildId: sysId,
+      deadLine: formattedDate,
+      description: editForm.value.description,
+      principalId: 1,
+    }
+    console.log(body);
+    
+    const promise = addModule(body,getToken());
+    console.log(promise);
+    
+    promise.then(res => {
+      if (res.data.code === 200) {
+        console.log(res.data);
+        
+        dialogVisible.value = false;
+      
+        fetchData();
+        ElMessage.success('新增成功');
+      } else {
+        ElMessage.error("新增失败" +res.message);
+        console.log(res.message);
+      }
+    }).catch(err => {
+      console.log(err);
+    })
+      
+    
+
+
+
+}
 
 // 路由跳转
 const toDetail = (id) => {
@@ -125,9 +208,7 @@ const tableData = ref<User[]>([
 
 
 
-//获取参数
+
-const route = useRoute();
-const sysId = route.query.id;
 
 
 //处理接口方法

src/views/personal/project/detail/manage.vue

@@ -23,10 +23,7 @@
             }}</div>
                             <el-select v-if="item.label === '05.状态'" v-model="selectedStatus" placeholder="请选择状态"
                                 style="width: 150px ;margin-top: 10%">
-                                <el-option label="未开始" value="未开始"></el-option>
+                               
-                                <el-option label="进行中" value="进行中"></el-option>
-                                <el-option label="已完成" value="已完成"></el-option>
-                                <el-option label="异常暂停" value="异常暂停"></el-option>
                             </el-select>
                             <textarea style="resize: none;margin-top: 10%;width: 150px;" v-if="item.label === '07.简介'"
                                 v-model="item.value" rows="4" cols="50"></textarea>
@@ -82,13 +79,13 @@ projectItems.value.forEach(item => {
     if (item.label === '01.模块名称') {
         item.value = data.name;
     } else if (item.label === '02.模块周期') {
-        item.value = data.cycle ? data.cycle : '未知';
+        item.value = data.workLoad;
     } else if (item.label === '03.工作量') {
         item.value = data.workLoad + "人/天";
     } else if (item.label === '04.负责人') {
         item.value = data.principalUser;
     } else if (item.label === '05.状态') {
-        item.value = data.status ? data.status : '未知';
+        item.value = data.workLoad ? data.workLoad : '未知';
     } else if (item.label === '06.时间') {
         item.value =  new Date(data.deadLine).toLocaleDateString();
     } else if (item.label === '07.简介') {

src/views/personal/project/manage.vue

@@ -291,7 +291,7 @@ const reset = () => {
 
 // 定义跳转到子系统的函数
 const toChildSystem = (id) => {
-  router.push({ name: 'ChildSysManage', query: { id: 4 } });//目前只有4有数据
+  router.push({ name: 'ChildSysManage', query: { id: id } });//目前只有4有数据
 };
 
 //编辑功能