style:增加项目/模板库默认选中同步学习记录且不可更改状态

src/views/projectcenter/ProjectAdd.vue

@@ -192,10 +192,11 @@
           <div class="namebox">
             <div class="inname">同步学习记录</div>
           </div>
-          <div class="in">
-            <a-checkbox
+          <div class="in ggysxz">
+            <!-- :disabled="viewDetail ? true : false" -->
+            <a-checkbox 
                 v-model:checked="courseSyncFlag"
-                :disabled="viewDetail ? true : false"
+                disabled
             ><span
                 style="
                   width: 100%;
@@ -320,7 +321,7 @@ export default {
         keyWord: "",
       },
       classifyList5: [],
-      courseSyncFlag: false,
+      courseSyncFlag: true,
       auditDescription: "",
       ptojectType: "",
     });
@@ -533,6 +534,16 @@ export default {
 };
 </script>
 <style lang="scss">
+
+.ggysxz {
+  .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
+    border-color: #FFF !important;
+  }
+  .ant-checkbox-disabled .ant-checkbox-inner {
+   background-color: #1890ff !important;
+  }
+}
+
 .flex-top {
   align-items: flex-start !important;
 }

src/views/projectcenter/templateAdd.vue

@@ -166,10 +166,11 @@
           <div class="namebox">
             <div class="inname">同步学习记录</div>
           </div>
-          <div class="in">
+          <div class="in ggysxz"> 
+            <!-- :disabled="viewDetail ? true : false" -->
             <a-checkbox
+                disabled
                 v-model:checked="courseSyncFlag"
-                :disabled="viewDetail ? true : false"
             ><span
                 style="
                   width: 100%;
@@ -223,7 +224,7 @@ const router = useRouter();
 const store = useStore();
 const projectInfo = ref({});
 const projectPic = ref([]);
-const courseSyncFlag = ref(false)
+const courseSyncFlag = ref(true)
 onMounted(() => {
   getDetail();
   projectPic.value = store.state.projectPic.map((e) => ({
@@ -305,6 +306,15 @@ function managerChange(e, l, d, t,orgName) {
 }
 </script>
 <style lang="scss">
+.ggysxz {
+  .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
+    border-color: #FFF !important;
+  }
+  .ant-checkbox-disabled .ant-checkbox-inner {
+   background-color: #1890ff !important;
+  }
+}
+
 .active {
   border: 2px solid rgba(78, 166, 255, 1);
 }