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

This commit is contained in:
wyx
2023-01-16 20:33:48 +08:00
parent 36cf046d2f
commit 82e1115737
2 changed files with 28 additions and 7 deletions

View File

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

View File

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