模板公告

src/views/projectcenter/LibraryAdd.vue

@@ -279,34 +279,43 @@
                 <div class="ntc_body">
                   <div class="ntc_switch">
                     <a-switch
-                      size="small"
-                      v-model:checked="checked"
-                      @click="changeopclo"
+                        size="small"
+                        v-model:checked="checked"
+                        @click="changeopclo"
                     />
-                    <div
-                      class="opclo"
-                      :style="{ display: hideshow ? 'block' : 'none' }"
-                    >
+                    <div v-if="(checked==true)" 
+                      class="opclo">
                       <span>关闭</span>
                     </div>
-                    <div
-                      class="opclo"
-                      :style="{ display: hideshow ? 'none' : 'block' }"
-                    >
+                    <div v-if="(checked==false)" 
+                      class="opclo" >
                       <span>开启</span>
                     </div>
                   </div>
-                  <div
-                    class="ntc_content"
-                    :style="{ display: hideshow ? 'block' : 'none' }"
-                  >
-                    <div class="ntcc_tit">公告内容</div>
+                  <div v-if="(checked==true)"
+                    class="ntc_content">
+                  <div class="ntcc_tit">当前公告内容：</div>
+                    <div class="textarea">
+                    {{noticeContent==""?"暂无公告":noticeContent}}
+                    <div v-if="(editFlag == false)" class="btnarea" >
+                        <div>&nbsp;</div>
+                        <div class="area_btn" @click="editNotice">
+                       
+                          <div class="btnText">编辑</div>
+                        </div>
+                      </div>
+                   
+                    </div>
+              
+                    <template v-if="(editFlag==true)">
+                    <div>&nbsp;</div>
+                    <div class="ntcc_tit" >编辑公告：</div>
                     <div class="textarea">
                       <a-textarea
-                        v-model:value="projectInfo.notice"
-                        placeholder="公告信息最多输入150个字。"
-                        :maxlength="textnum"
-                        allow-clear
+                          v-model:value="projectInfo.notice"
+                          placeholder="公告信息最多输入150个字。"
+                          :maxlength="textnum"
+                          allow-clear
                       />
                       <div class="btnarea">
                         <div>&nbsp;</div>
@@ -315,13 +324,15 @@
                           <div class="btnText">发布</div>
                         </div>
                       </div>
-                    </div>
+                      </div>
+                    </template>
                   </div>
                 </div>
               </div>
             </a-tab-pane>
           </a-tabs>
         </a-tab-pane>
+
         <a-tab-pane key="3" tab="项目积分">
           <div class="split"></div>
           <div class="projectscore">
@@ -852,29 +863,25 @@ export default defineComponent({
       ],
       isEdit: false, // 是否处于编辑状态
       // 基本信息
-      projectInfo: {
-        beginTime: null,
-        endTime: null,
-        name: null,
-        manager: null,
-        notice: null,
-        sourceBelongId: null,
-        remark: "",
-        courseSyncFlag: false,
-        level: null,
-        systemId: null,
-        boeFlag: false,
-        status: null,
-        picUrl: null,
-        noticeFlag: null,
-      },
+      projectInfo: { },
+      noticeContent:"",
+      editFlag:false,
     });
     const value = ref("");
     const textnum = "150";
     const routered = useRouter();
     const changeopclo = () => {
-      state.hideshow = !state.hideshow;
+      state.projectInfo.noticeFlag = state.checked?1:0;
+      api
+        .templateEdit( state.projectInfo)
+        .then((res) => {
+          console.log(res);
+        })
+        .catch((err) => {
+          console.log(err);
+        });
     };
+
     const changecheck2 = () => {
       state.checked2 = !state.checked2;
     };
@@ -906,6 +913,10 @@ export default defineComponent({
       state.isEdit = false;
       getDetail();
     };
+    const editNotice =()=>{
+      state.editFlag = true ;
+    }
+
     const checkType = (type) => {
       let typeRules = [
         "",
@@ -933,29 +944,16 @@ 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.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.managerId = res.data.data.projectTemplateInfo.managerId;
-          state.projectInfo.remark = res.data.data.projectTemplateInfo.remark;
-          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.boeFlag = res.data.data.projectTemplateInfo.boeFlag;
-          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;
-          state.picUrl = res.data.data.projectTemplateInfo.picUrl;
-          state.projectInfo.attach = res.data.data.projectTemplateInfo.attach;
-          state.projectInfo.category = res.data.data.projectTemplateInfo.category;
+          state.projectInfo = res.data.data.projectTemplateInfo;
+     
+          state.noticeContent = state.projectInfo.notice;
+          state.checked = state.projectInfo.noticeFlag==1?true:false;
+          console.log("res.data.data.projectTemplateInfo",res.data.data.projectTemplateInfo);
+
           try{
             state.fileList = JSON.parse(res.data.data.projectTemplateInfo.attach);
           }catch{
@@ -986,31 +984,16 @@ export default defineComponent({
         });
     };
 
-    // 发布公告
-    const addNotice = () => {
-      console.log("ok====s");
-      let obj = {
-        name: state.projectInfo.name,
-        category: state.projectInfo.category,
-        picUrl: state.projectInfo.picUrl,
-        manager: state.projectInfo.manager,
-        managerId: state.projectInfo.managerId || 0,
-        sourceBelongId: state.projectInfo.sourceBelongId,
-        level: state.projectInfo.level,
-        systemId: state.projectInfo.systemId,
-        boeFlag: state.projectInfo.boeFlag ? 1 : 0,
-        courseSyncFlag: state.projectInfo.courseSyncFlag ? 1 : 0,
-        notice: state.projectInfo.notice,
-        noticeFlag: state.projectInfo.noticeFlag,
-        projectTemplateId: localStorage.getItem("projectTemplateId"),
-        remark: state.projectInfo.remark,
-        status: state.projectInfo.status,
-        attach: state.projectInfo.attach,
-      };
-      console.log("obj======", obj);
+       // 发布公告
+      const addNotice = () => {
+     // state.projectInfo.notice=
+     if(!state.projectInfo.notice){
+      return message.warning("请输入公告内容");
+     }
       api
-        .templateEdit(obj)
+        .templateEdit( state.projectInfo)
         .then((res) => {
+          state.noticeContent = state.projectInfo.notice;
           message.success("公告发布成功");
           console.log(res);
         })
@@ -1018,7 +1001,9 @@ export default defineComponent({
           message.error("公告发布失败" + err);
           console.log(err);
         });
+        state.editFlag =false;
     };
+
     // 删除阶段
     const stateDel = (id) => {
       api
@@ -1050,12 +1035,12 @@ export default defineComponent({
       routered.push({
         path: "/templateAdd",
         query: {
-          projectId: state.projectId,
-          name: state.name,
+          projectTemplateId: state.projectInfo.projectTemplateId,
         },
       });
     };
 
+
     // 新建或编辑阶段
     const stateEdit = () => {
       let obj = {
@@ -1288,7 +1273,8 @@ export default defineComponent({
       editRule,
       handleChange2,
       scoresum,
-      checkedClose
+      checkedClose,
+      editNotice
     };
   },
 });