公告

src/components/drawers/NoticePub.vue

@@ -6,20 +6,33 @@
     <div class="switch">
       <a-switch v-model:checked="noticeChecked" size="small" /><span
         style="margin-left: 16px"
-        >开启</span
       >
+        开启
+      </span>
     </div>
     <template v-if="noticeChecked">
       <p>公告内容</p>
+      <!-- 文本 -->
+      <div
+        v-if="!editOn"
+        style="height: 120px; border: 1px solid  rgb(217, 217, 217"
+      >
+        {{ noticeContent }}
+      </div>
       <a-textarea
+        v-if="editOn"
         v-model:value="noticeContent"
         :maxlength="150"
         placeholder="公告信息最多输入150个字"
         style="margin-top: -10px; height: 120px"
       />
-      <div class="publish">
+      <!-- 按钮 -->
-        <div class="iconPub"></div>
+      <div v-if="!editOn" class="btn-content">
-        <div class="btnText" @click="pubNotice">发布</div>
+        <a-button type="primary" @click="handleEdit">编辑</a-button>
+      </div>
+      <div v-if="editOn" class="btn-content">
+        <a-button class="cancel" @click="handleCancel">取消</a-button>
+        <a-button type="primary" @click="pubNotice" class="sure">发布</a-button>
       </div>
     </template>
   </div>
@@ -44,6 +57,8 @@ export default {
       noticeChecked: true,
       projectInfo: {},
       noticeContent: "",
+
+      editOn: false,
     });
     const getTaskInfo = () => {
       getTask({ projectId: props.projectId }).then((res) => {
@@ -51,6 +66,14 @@ export default {
         state.projectInfo = res.data.data.projectInfo;
       });
     };
+
+    const handleEdit = () => {
+      state.editOn = true;
+    };
+    const handleCancel = () => {
+      state.editOn = false;
+    };
+
     const pubNotice = () => {
       if (state.noticeContent == "") {
         message.destroy();
@@ -66,10 +89,15 @@ export default {
         };
         publishNotice(obj)
           .then((res) => {
+            // console.log("res");
+            // console.log(res);
+            if (res.data.code === 200) {
               message.destroy();
               message.success("发布成功", res);
-            state.noticeContent = "";
+              state.noticeContent = res.data.data.notice;
+              handleCancel();
               emitter.emit("setNotice", false);
+            }
           })
           .catch((err) => {
             message.destroy();
@@ -85,6 +113,8 @@ export default {
       ...toRefs(state),
       getTaskInfo,
       pubNotice,
+      handleEdit,
+      handleCancel,
     };
   },
 };
@@ -141,5 +171,12 @@ export default {
       margin-left: 5px;
     }
   }
+  .btn-content {
+    margin-top: 20px;
+    text-align: right;
+    .cancel {
+      margin-right: 10px;
+    }
+  }
 }
 </style>

src/views/projectcenter/LibraryAdd.vue

@@ -587,7 +587,7 @@
                     </div>
                     <div class="btnbox" style="margin: 20px">
                       <a-upload
-                      v-if="(docChecked==true)"
+                        v-if="docChecked == true"
                         v-model:file-list="fileList"
                         name="file"
                         action="/manageApi/file/upload"
@@ -604,7 +604,11 @@
                           alt=""
                         />
                       </a-upload>
-                      <div v-if="(docChecked==true)" class="btnbox" style="margin: 20px">
+                      <div
+                        v-if="docChecked == true"
+                        class="btnbox"
+                        style="margin: 20px"
+                      >
                         <span style="color: #999999">
                           支持：pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip
                         </span>
@@ -928,24 +932,29 @@ export default defineComponent({
       api
         .templateDetail(localStorage.getItem("projectTemplateId"))
         .then((res) => {
-
+          console.log("get model list ----->", res, res.data.data.stageList);
-          console.log('get model list ----->',res, res.data.data.stageList)
 
           state.taskSyllabus = [];
           console.log(res);
           state.projectInfo.name = res.data.data.projectTemplateInfo.name;
-          state.projectInfo.beginTime = res.data.data.projectTemplateInfo.beginTime;
+          state.projectInfo.beginTime =
+            res.data.data.projectTemplateInfo.beginTime;
           state.projectInfo.endTime = res.data.data.projectTemplateInfo.endTime;
           state.projectInfo.manager = res.data.data.projectTemplateInfo.manager;
           state.projectInfo.notice = res.data.data.projectTemplateInfo.notice;
-          state.projectInfo.sourceBelongId = res.data.data.projectTemplateInfo.sourceBelongId;
+          state.projectInfo.sourceBelongId =
-          state.projectInfo.managerId = res.data.data.projectTemplateInfo.managerId;
+            res.data.data.projectTemplateInfo.sourceBelongId;
+          state.projectInfo.managerId =
+            res.data.data.projectTemplateInfo.managerId;
           state.projectInfo.remark = res.data.data.projectTemplateInfo.remark;
-          state.projectInfo.courseSyncFlag = res.data.data.projectTemplateInfo.courseSyncFlag;
+          state.projectInfo.courseSyncFlag =
+            res.data.data.projectTemplateInfo.courseSyncFlag;
           state.projectInfo.level = res.data.data.projectTemplateInfo.level;
-          state.projectInfo.systemId = res.data.data.projectTemplateInfo.systemId;
+          state.projectInfo.systemId =
+            res.data.data.projectTemplateInfo.systemId;
           state.projectInfo.boeFlag = res.data.data.projectTemplateInfo.boeFlag;
-          state.projectInfo.noticeFlag = res.data.data.projectTemplateInfo.noticeFlag;
+          state.projectInfo.noticeFlag =
+            res.data.data.projectTemplateInfo.noticeFlag;
           state.projectInfo.remark = res.data.data.projectTemplateInfo.remark;
           state.projectInfo.status = res.data.data.projectTemplateInfo.status;
           state.projectInfo.picUrl = res.data.data.projectTemplateInfo.picUrl;
@@ -953,7 +962,7 @@ export default defineComponent({
           let data = res.data.data.stageList;
           console.log("data=====", data);
           for (let i in data) {
-            console.log('what ------ > ', i,data)
+            console.log("what ------ > ", i, data);
             state.taskSyllabus.push({ text: data[i].name, children: [] });
             for (let j in data[i].taskList) {
               state.taskSyllabus[i].children.push({
@@ -995,9 +1004,9 @@ export default defineComponent({
         projectTemplateId: localStorage.getItem("projectTemplateId"),
         remark: state.projectInfo.remark,
         status: state.projectInfo.status,
-        attach:state.projectInfo.attach,
+        attach: state.projectInfo.attach,
       };
-      console.log("obj======",obj);
+      console.log("obj======", obj);
       api
         .templateEdit(obj)
         .then((res) => {
@@ -1144,7 +1153,7 @@ export default defineComponent({
             projectTemplateId: localStorage.getItem("projectTemplateId"),
             remark: state.projectInfo.remark,
             status: state.projectInfo.status,
-        attach:str,
+            attach: str,
           })
           .then((res) => {
             console.log("上传成功", res);
@@ -1731,7 +1740,7 @@ export default defineComponent({
       }
     }
   }
-  }
+}
 .editBtn {
   float: right;
   margin-right: 150px;