子系统页面优化2

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
         }
     })
 }

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>