--项目设置基本信息

src/views/projectcenter/TaskPage.vue

@@ -429,11 +429,17 @@
                     </div>
                     <div class="time">
                       <div class="timetext">开始时间</div>
-                      <div class="timetext">{{item.startTime!==null?item.startTime[0]+'-'+ item.startTime[1]+'-'+item.startTime[2]:''}}</div>
+                      <div class="timetext">
+                        {{
+                          item.startTime !== null ? item.startTime[0] + '-' + item.startTime[1] + '-' + item.startTime[2] : ''
+                        }}
+                      </div>
                     </div>
                     <div class="progress">
                       <div class="progresstext">
-                        {{ item.finishStuCnt&&item.finishStuCnt!==null?item.finishStuCnt:0  }}/{{ item.totalStuCnt&&item.totalStuCnt!==null?item.totalStuCnt:0 }}人
+                        {{
+                          item.finishStuCnt && item.finishStuCnt !== null ? item.finishStuCnt : 0
+                        }}/{{ item.totalStuCnt && item.totalStuCnt !== null ? item.totalStuCnt : 0 }}人
                       </div>
                       <div style="display: flex">
                         <a-progress
@@ -802,11 +808,15 @@
           <div class="split"></div>
           <a-tabs v-model:activeKey="activeKeyNotice">
             <a-tab-pane key="11" tab="公告"
-              ><NoticePub v-model:projectId="projectId"></NoticePub
+            >
-            ></a-tab-pane>
+              <NoticePub v-model:projectId="projectId"></NoticePub
+              >
+            </a-tab-pane>
             <a-tab-pane key="12" tab="历史公告" force-render
-              ><NoticeHis v-model:projectId="projectId"></NoticeHis
+            >
-            ></a-tab-pane>
+              <NoticeHis v-model:projectId="projectId"></NoticeHis
+              >
+            </a-tab-pane>
           </a-tabs>
         </a-tab-pane>
         <!-- 2022-11-30注释 后面放开 -->
@@ -994,7 +1004,7 @@
                   <div class="set_content">
                     <div class="setc_name"><span>同步学习记录：</span></div>
                     <div class="setc_main">
-                      <a-radio v-model:checked="checkedSty"
+                      <a-radio v-model:checked="checkedSty" :disabled="true"
                       ><span style="color: #333333"
                       >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
                       ></a-radio
@@ -1004,19 +1014,20 @@
                   <div class="set_content">
                     <div class="setc_name"><span>项目级别：</span></div>
                     <div class="setc_main">
-                      <span style="color: #999999">{{ level }}</span>
+                      <span style="color: #999999"><ProjectLevel v-model:value="level" :disabled="true"></ProjectLevel></span>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>培训体系：</span></div>
                     <div class="setc_main">
-                      <span style="color: #999999">{{ systemId }}</span>
+                      <span style="color: #999999"><TrainClass v-model:value="systemId"
+                                                               :disabled="true"></TrainClass></span>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>是否BOEU实施：</span></div>
                     <div class="setc_main">
-                      <a-radio v-model:checked="checkedBOEU"
+                      <a-radio v-model:checked="checkedBOEU" :disabled="true"
                       ><span style="color: #333333">BOEU实施</span></a-radio
                       >
                     </div>
@@ -1702,9 +1713,14 @@ import projSet from "../../components/Modals/projSet";
 import {overview} from "../../api/indexProjStu";
 import TwoDimensionalCode from "../../components/TwoDimensionalCode.vue";
 import {useStore} from "vuex";
+import ProjectLevel from "@/components/project/ProjectLevel";
+import TrainClass from "@/components/project/TrainClass";
+
 export default {
   name: "taskPage",
   components: {
+    ProjectLevel,
+    TrainClass,
     TimeManage,
     FaceManage,
     SubsetManage,
@@ -3256,34 +3272,16 @@ export default {
         let end = info.endTime
         state.tstartTime = info.beginTime;
         state.tendTime = info.endTime;
-        state.tsourceBelong = info.sourceBelongId;
+        state.tsourceBelong = info.sourceBelongName;
         state.parentId = info.parentId;
         state.name = info.name;
         state.startTime = start;
         state.endTime = end;
         state.manager = info.manager;
         state.remark = info.remark;
-        state.level =
+        state.level = info.level;
-          info.level == 1
-            ? "集团级"
-            : info.level == 2
-            ? "组织级"
-            : info.level == 3
-            ? "现地级"
-            : info.level == 4
-            ? "部门级"
-            : "-";
         state.tlevel = info.level;
-        state.systemId =
+        state.systemId = info.systemId;
-          info.systemId == 1
-            ? "集团级"
-            : info.systemId == 2
-            ? "组织级"
-            : info.systemId == 3
-            ? "现地级"
-            : info.systemId == 4
-            ? "部门级"
-            : "-";
         state.tsystemId = info.systemId;
         state.checkedSty = info.courseSyncFlag == 1 ? true : false;
         state.courseSyncFlag = info.courseSyncFlag;
@@ -3298,14 +3296,7 @@ export default {
         state.noticeFlag = info.noticeFlag;
         // state.attach = info.attach;
         // state.templateId = info.templateId;
-        state.sourceBelong =
+        state.sourceBelong = info.sourceBelongName;
-          info.sourceBelongId == 1
-            ? "项目一"
-            : info.sourceBelongId == 2
-            ? "项目二"
-            : info.sourceBelongId == 3
-            ? "项目三"
-            : "-";
         // state.fileList=info.attach.split(",")
         let d = info.attach.indexOf(",");
         // console.log(info.attach, "xgo", info.attach.length);
@@ -4499,12 +4490,14 @@ export default {
   .ant-modal {
     .ant-modal-body {
       padding: 0;
+
       .modalHeader {
         background: linear-gradient(
                 rgba(78, 166, 255, 0.2) 0%,
                 rgba(78, 166, 255, 0) 100%
         );
       }
+
       .modalMain {
         .projectname {
           color: rgba(79, 81, 86, 1);
@@ -4514,23 +4507,28 @@ export default {
           font-weight: 500;
           text-align: center;
         }
+
         .projecttime {
           margin-left: 221px;
+
           .timeti {
             color: rgba(153, 155, 163, 1);
             font-size: 14px;
             line-height: 36px;
           }
+
           .timeme {
             color: rgba(79, 81, 86, 1);
             font-size: 14px;
             line-height: 36px;
           }
         }
+
         .projectbox {
           margin-top: 26px;
           display: flex;
           justify-content: center;
+
           .promessage {
             width: 280px;
             height: 110px;
@@ -4541,6 +4539,7 @@ export default {
             );
             border-radius: 10px;
             margin-right: 7px;
+
             .messageme {
               color: rgba(255, 182, 78, 1);
               font-size: 14px;
@@ -4548,12 +4547,14 @@ export default {
               margin-top: 17px;
               margin-left: 30px;
             }
+
             .messagege {
               color: rgba(153, 155, 163, 1);
               font-size: 14px;
               margin-left: 30px;
             }
           }
+
           .stumessage {
             width: 280px;
             height: 110px;
@@ -4563,6 +4564,7 @@ export default {
                     rgba(240, 248, 254, 1)
             );
             border-radius: 10px;
+
             .messageme1 {
               color: rgba(78, 166, 255, 1);
               font-size: 14px;
@@ -4570,6 +4572,7 @@ export default {
               margin-top: 17px;
               margin-left: 30px;
             }
+
             .messagege1 {
               color: rgba(153, 155, 163, 1);
               font-size: 14px;
@@ -4577,26 +4580,32 @@ export default {
             }
           }
         }
+
         .send {
           margin-top: 30px;
           margin-left: 61px;
+
           .sendtext {
             margin-left: 11px;
             color: rgba(109, 117, 132, 1);
             font-size: 14px;
           }
         }
+
         .ckb {
           margin-top: 20px;
           margin-left: 62px;
+
           .sendpeo {
             color: rgba(109, 117, 132, 1);
             font-size: 14px;
           }
+
           .ant-checkbox-inner {
             border-radius: 4px;
           }
         }
+
         .pubtn {
           display: flex;
           justify-content: center;
@@ -4615,6 +4624,7 @@ export default {
             align-items: center;
             background: rgba(255, 255, 255, 1);
           }
+
           .pubtn2 {
             width: 100px;
             height: 40px;
@@ -6141,6 +6151,7 @@ export default {
       }
     }
   }
+
   //设置的共享文档
   .sametab {
     // margin-left: 30px;
@@ -6150,35 +6161,43 @@ export default {
     // background-color: green;
     .Gcon {
       display: flex;
+
       .pad {
         height: 100%;
         width: 40px;
       }
+
       .Gin {
         // background-color: #bfa;
         margin-top: 30px;
+
         .headone {
           // background-color: red;
           display: flex;
           text-align: center;
+
           .box {
             width: 4px;
             height: 20px;
             background-color: #409eff;
             border-radius: 2px;
           }
+
           .onetitle {
             margin-left: 15px;
             color: #333333;
             font-size: 14px;
           }
+
           .oneedi {
             margin-left: 15px;
             color: #4ea6ff;
             cursor: pointer;
           }
+
           .twobtn {
             display: flex;
+
             .btnone {
               width: 42px;
               height: 24px;
@@ -6188,6 +6207,7 @@ export default {
               margin-left: 20px;
               cursor: pointer;
             }
+
             .btntwo {
               width: 42px;
               height: 24px;
@@ -6200,38 +6220,46 @@ export default {
             }
           }
         }
+
         .btnbox {
           .ant-upload-list {
             display: none !important;
           }
         }
+
         .onemain {
           margin-top: 20px;
           margin-left: 55px;
           color: #6f6f6f;
           font-size: 14px;
+
           .checkcon {
             position: relative;
+
             .in {
               position: absolute;
               // margin-top: 10px;
               left: 0;
               top: 3px;
             }
+
             .yulan {
               // color: yellow;
               margin-left: 22px;
               // display: inline-block;
             }
+
             .yulan2 {
               margin-left: 22px;
             }
+
             .ant-input-number {
               height: 24px;
               width: 24px;
               margin: 10px;
               border-radius: 4px;
               border: 1px solid #6d7584;
+
               .ant-input-number-input {
                 width: 100%;
                 height: 100%;
@@ -6243,58 +6271,72 @@ export default {
             }
           }
         }
+
         .twomain {
           margin-left: 20px;
           margin-top: 20px;
+
           .ant-switch-checked {
             background-color: #5dc988;
           }
+
           .info {
             margin-left: 10px;
             color: #6f6f6f;
             font-size: 14px;
             // margin-top: 10px;
           }
+
           .infor {
             margin-left: 38px;
             margin-top: 10px;
             color: #c7cbd2;
             font-size: 14px;
           }
+
           .chooseshow {
             // background-color: red;
             margin-left: 38px;
             margin-top: 12px;
+
             .fane {
               color: #6f6f6f;
               font-size: 14px;
             }
           }
+
           .choo {
             display: none;
           }
+
           .btm {
             margin-left: 38px;
             margin-top: 20px;
+
             .bmo {
               color: #6f6f6f;
               font-size: 14px;
             }
+
             .bmt {
               color: #c7cbd2;
               font-size: 14px;
               margin-top: 3px;
             }
+
             .chosecon {
               display: flex;
               margin-top: 6px;
               margin-bottom: 20px;
+
               .chose {
                 position: relative;
+
                 .inl {
                   position: absolute;
                   top: 2px;
                 }
+
                 .sh {
                   margin-left: 23px;
                   color: #6f6f6f;
@@ -6305,8 +6347,10 @@ export default {
         }
       }
     }
+
     .Lhead {
       display: flex;
+
       .btns {
         display: flex;
         margin-left: 20px;
@@ -6323,9 +6367,11 @@ export default {
           margin-right: 14px;
           flex-shrink: 0;
           cursor: pointer;
+
           .search {
             background-size: 100%;
           }
+
           .btnText {
             font-size: 14px;
             font-weight: 400;
@@ -6334,6 +6380,7 @@ export default {
             margin-left: 5px;
           }
         }
+
         .btn1 {
           .search {
             width: 15px;
@@ -6341,6 +6388,7 @@ export default {
             background-image: url("../../assets/images/courseManage/search1.png");
           }
         }
+
         .btn2 {
           .search {
             width: 16px;
@@ -6348,46 +6396,59 @@ export default {
             background-image: url("../../assets/images/courseManage/reset1.png");
           }
         }
+
         .btn3 {
           margin-right: 0px;
+
           .search {
             width: 17px;
             height: 18px;
             background-image: url("../../assets/images/courseManage/add1.png");
           }
         }
+
         .btn1:hover {
           background: rgba(64, 158, 255, 1);
+
           .search {
             background-image: url("../../assets/images/courseManage/search0.png");
           }
+
           .btnText {
             color: #ffffff;
           }
         }
+
         .btn2:hover {
           background: rgba(64, 158, 255, 1);
+
           .search {
             background-image: url("../../assets/images/courseManage/reset0.png");
           }
+
           .btnText {
             color: #ffffff;
           }
         }
+
         .btn3:hover {
           background: rgba(64, 158, 255, 1);
+
           .search {
             background-image: url("../../assets/images/courseManage/add0.png");
           }
+
           .btnText {
             color: #ffffff;
           }
         }
       }
     }
+
     .Lbom {
       position: relative;
       margin-bottom: 20px;
+
       .item {
         width: 100%;
         height: 200px;
@@ -6395,6 +6456,7 @@ export default {
         margin-top: 40px;
         border-radius: 8px;
         border: 1px solid #f0f4fe;
+
         .itemhead {
           height: 50px;
           width: 100%;
@@ -6402,6 +6464,7 @@ export default {
           display: flex;
           align-items: center;
           position: relative;
+
           .lev {
             margin-left: 27px;
             margin-right: 16px;
@@ -6409,64 +6472,77 @@ export default {
             color: #409eff;
             font-size: 16px;
           }
+
           .lin {
             width: 1px;
             height: 35%;
             background-color: #c7cbd2;
           }
+
           .nam {
             margin-left: 16px;
             color: #4f5156;
             line-height: 100%;
             font-size: 16px;
           }
+
           .count {
             position: absolute;
             line-height: 100%;
             color: #4f5156;
             font-size: 14px;
             right: 40px;
+
             span:nth-child(2) {
               color: #63ca8c;
             }
           }
         }
+
         .itembomm {
           display: flex;
           align-items: center;
           height: 150px;
+
           .it {
             // margin-left: 110px;
             // margin-right: 110px;
             width: 13%;
             text-align: center;
+
             .on {
               font-size: 30px;
             }
+
             .ittext {
               color: #4f5156;
               margin-top: 16px;
               margin-left: -5px;
             }
           }
+
           .linee {
             background-color: #ecf2fb;
             width: 1px;
             height: 55%;
           }
+
           .itright {
             position: absolute;
             right: 45px;
             display: flex;
+
             .te {
               color: #4ea6ff;
               font-size: 14px;
               cursor: pointer;
             }
+
             .more {
               position: relative;
               height: 30px;
               display: flex;
+
               .moreArrow {
                 width: 13px;
                 height: 7px;
@@ -6477,6 +6553,7 @@ export default {
                 margin-left: 7px;
                 margin-top: 6px;
               }
+
               .moreItems {
                 width: 80px;
                 height: 70px;
@@ -6489,6 +6566,7 @@ export default {
                 left: 0px;
                 top: 20px;
                 z-index: 100;
+
                 .roleItem {
                   font-size: 14px;
                   font-weight: 400;
@@ -6498,14 +6576,17 @@ export default {
                   justify-content: center;
                   cursor: pointer;
                 }
+
                 .roleItem:hover {
                   color: #4ea6ff;
                 }
               }
             }
+
             .more:hover .moreArrow {
               background-image: url("../../assets/images/navtop/up.png");
             }
+
             .more:hover .moreItems {
               display: block;
             }
@@ -6515,12 +6596,15 @@ export default {
         .show {
           color: blue;
         }
+
         .noshow {
           display: none;
         }
       }
+
       .create {
         margin-top: 40px;
+
         .taskbox {
           width: 412px;
           height: 160px;
@@ -6529,21 +6613,25 @@ export default {
           // margin-left: 68px;
           margin-bottom: 40px;
           cursor: pointer;
+
           .leftt {
             position: absolute;
             top: 18px;
             left: 0;
           }
+
           .photo {
             position: absolute;
             top: 42px;
             left: 37px;
           }
+
           .rightt {
             position: absolute;
             top: 69px;
             right: 26px;
           }
+
           .centerbox {
             position: absolute;
             top: 52px;
@@ -6552,6 +6640,7 @@ export default {
             font-weight: 700;
             //line-height: 36px;
           }
+
           .centermain {
             color: rgba(135, 139, 146, 1);
             font-size: 14px;