From a1f2d8dd14a5b2da4b2e17a2a1e2867ac7970613 Mon Sep 17 00:00:00 2001
From: GUjiYN <2946459904@qq.com>
Date: Thu, 21 Mar 2024 17:37:28 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=90=E7=B3=BB=E7=BB=9F=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E4=BC=98=E5=8C=962?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/js/request.js                             | 11 +--
 .../WorkLoadPage/I_Manage_ChildSystem.vue     | 74 +++++++++++++------
 2 files changed, 54 insertions(+), 31 deletions(-)

diff --git a/src/js/request.js b/src/js/request.js
index 948e93e..7e9d780 100644
--- a/src/js/request.js
+++ b/src/js/request.js
@@ -743,17 +743,14 @@ const moduleGetBySysId = (sysId, token) => {
 }*/
 
 
-const moduleDelete = (id ,token) =>{
+const moduleDelete = (id, token) =>{
     return axios({
-        url: api + "/module/delete/{id}",
+        url: api + "/module/delete/" + id,
         method: "delete",
-        params: {
-            id: id
-        },
         headers: {
-            'Authorization':'Bearer '+token,
             'Content-Type': 'application/json;charset=utf-8',
-            'Timestamp': getCurrentTimestamp()
+            'Timestamp': getCurrentTimestamp(),
+            'Authorization':'Bearer '+ token
         }
     })
 }
diff --git a/src/views/WorkLoadPage/I_Manage_ChildSystem.vue b/src/views/WorkLoadPage/I_Manage_ChildSystem.vue
index be2c3a9..44ed6de 100644
--- a/src/views/WorkLoadPage/I_Manage_ChildSystem.vue
+++ b/src/views/WorkLoadPage/I_Manage_ChildSystem.vue
@@ -5,7 +5,7 @@
             <a-breadcrumb-item><a href="">子系统</a></a-breadcrumb-item>
         </a-breadcrumb>
         <div class="flex absolute right-8 mt-6 space-x-4">
-            <button v-show="userProfile.id === ChildProjects.data.principalId" class="rounded-lg bg-green-400 hover:bg-green-500 p-1.5 text-white" @click="toggleEditing">编辑</button>
+            <button v-show="userProfile.id === ChildProjects.data.principalId" id="toggleEditing" class="rounded-lg bg-green-400 hover:bg-green-500 p-1.5 text-white" @click="toggleEditing">编辑</button>
             <button class="rounded-lg bg-red-500 hover:bg-red-600 p-1.5 text-white" @click="showAddModal">新增子系统</button>
         </div>
         <div class="mt-12 ml-8 flex space-x-16 h-full" >
@@ -41,7 +41,7 @@
                                     <p class="text-red-500">确认删除此系统吗？</p>
                                   <template #footer>
                                     <a-button danger type="primary" @click="DeleteOk()">确认</a-button>
-                                    <a-button>取消</a-button>
+                                    <a-button @click="DeleteCancel">取消</a-button>
                                   </template>
                                 </a-modal>
                             </div>
@@ -102,7 +102,7 @@
             </div>
         </a-form>
       <template #footer>
-        <a-button>取消</a-button>
+        <a-button @click="cancelAddModal">取消</a-button>
         <a-button class="bg-blue-500 mt-4" type="primary" @click="handleAdd">确认</a-button>
       </template>
     </a-modal >
@@ -128,6 +128,10 @@ function showAddModal(){
     })
 }
 
+function cancelAddModal(){
+  AddModule.value = false;
+}
+
 //项目信息
 const ChildProjects = reactive({
     data:{
@@ -149,7 +153,7 @@ const data =reactive({
     id: parseInt(projectId),
     tags:[],
     isFinish:[0,1,2,-1],
-    editing:true
+    editing: true
 })
 const userProfile = reactive({
   id:''
@@ -216,43 +220,65 @@ const handleAdd = () => {
     formData.description = "{}"
     console.log("formData:",formData)
     request.projectWorkAdd(formData,token).then((res)=>{
-        if (res.data.code === 200) {
-          message.success("新增子系统成功！")
-          formData.name = ''
-          formData.cycle = ''
-          formData.workLoad = ''
-
-          flush()
-        }
+      AddModule.value = false;
+      message.success(res.data.message)
+      /*formData.name = ''
+      formData.cycle = ''
+      formData.workLoad = ''
+*/
+      flush()
+    }).catch ((err) => {
+      message.error(err.response.data.message)
     })
-
-    // 关闭模态框
-    AddModule.value = false;
 };
 
 
 
 // 编辑
-
+let checkHasEdit = false;
 // const editing =ref(false)  // 添加editing属性，默认为false
-function  toggleEditing(index) {
-    // ChildSystems[index].editing = !ChildSystems[index].editing;
-    // console.log(editing.value)
-    console.log(6666666666)
-    data.editing =false
-
-    console.log(editing.value)
+function  toggleEditing() {
+  if (checkHasEdit) {
+    data.editing = true
+    document.getElementById("toggleEditing").classList.remove("bg-blue-400")
+    document.getElementById("toggleEditing").classList.remove("hover:bg-blue-500")
+    document.getElementById("toggleEditing").classList.add("bg-green-400")
+    document.getElementById("toggleEditing").classList.add("hover:bg-green-500")
+    document.getElementById("toggleEditing").innerText = "编辑";
+    checkHasEdit = false;
+  } else {
+    data.editing = false;
+    document.getElementById("toggleEditing").classList.remove("bg-green-400")
+    document.getElementById("toggleEditing").classList.remove("hover:bg-green-500")
+    document.getElementById("toggleEditing").classList.add("bg-blue-400")
+    document.getElementById("toggleEditing").classList.add("hover:bg-blue-500")
+    document.getElementById("toggleEditing").innerText = "退出编辑";
+    checkHasEdit = true;
+  }
 }
+
+
+
 const openDelete = ref(false)
 function deleteCard(index) {
 
     openDelete.value = true;
     ChildSystems.splice(index, 1);
 }
+
+const deleteData = ref({
+  id:''
+})
+
 function DeleteOk() {
-    request.moduleDelete(id, token).then((res) => {
+    request.moduleDelete(projectId, token).then((res) => {
+      message.success(res.data.message)
         console.log("childModules:", res)
     })
     openDelete.value = false;
 }
+
+function DeleteCancel(){
+  openDelete.value = false;
+}
 </script>
\ No newline at end of file