添加公告

src/views/projectcenter/TaskPage.vue

@@ -814,7 +814,15 @@
             </a-tabs>
           </div>
         </a-tab-pane>
-        <a-tab-pane key="4" tab="公告">Content of Tab Pane 3</a-tab-pane>
+        <a-tab-pane key="4" tab="公告">
+          <div class="noticeTitle"><h3 >公告</h3>
+            <a-divider style="margin-top: -5px;"></a-divider>
+            <a-switch v-model:checked="noticeChecked" style="size:small;"/><span style="margin-left: 13px;">开启</span>
+            <p style="margin-top: 35px;">公告内容</p>
+            <a-textarea v-model:value="noticeContent" show-count :maxlength="150" style="margin-top: -10px;height: 110px;"/>
+            <div class="publish"><div class="iconPub"></div><div class="btnText">发布</div></div>
+          </div>
+        </a-tab-pane>
         <a-tab-pane key="5" tab="项目积分">Content of Tab Pane 3</a-tab-pane>
         <a-tab-pane key="6" tab="排行榜">
 					<div class="rankingList">
@@ -1170,6 +1178,8 @@ export default {
       checked2: false,
       activeKey: "3",
       activeKey1: "8",
+      noticeChecked:true,
+      noticeContent:"请输入要发布的公告",
     });
     const showModal = () => {
       state.pubproject = true;
@@ -1211,6 +1221,8 @@ export default {
     const showWork = () => {
       state.Wvisible = true;
     };
+   
+   
     return {
       ...toRefs(state),
       showModal,
@@ -1871,9 +1883,7 @@ export default {
         //height: 71px;
         margin-left: 12px;
         margin-right: 50px;
-        .icon {
+
-          //position: absolute;
-        }
         .iconame {
           //position: absolute;
           color: #4f5156;
@@ -1943,6 +1953,42 @@ export default {
         }
       }
     }
+    .noticeTitle{
+      margin-left: 38px;
+      margin-right: 38px;
+      padding-top: 20px;
+      .publish{
+          width: 100px;
+          // padding: 0px 26px 0px 26px;
+          height: 38px;
+          background: rgb(64, 158, 255);
+          border-radius: 8px;
+          border: 1px solid rgba(64, 158, 255, 1);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          flex-shrink: 0;
+          float: right;
+          margin-top:60px;
+          margin-bottom: 60px;
+          margin-right: 20px;
+          cursor: pointer;
+          .iconPub {
+              width: 15px;
+              height: 15px;
+              background-image: url(@/assets/images/taskpage/pub.png);
+              background-size: 100% 100%;
+              color: rgb(255, 255, 255);
+          }
+          .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: rgb(255, 255, 255);
+          line-height: 36px;
+          margin-left: 5px;
+          }
+      }
+    }
   }
   .content3 {
     margin-top: 20px;
@@ -2259,6 +2305,7 @@ export default {
         }
       }
     }
+   
   }
 }
 </style>