feat: 添加提示语 popover

src/views/courselibrary/CoursewareManage.vue

@@ -798,6 +798,13 @@
                   @change="handleSelectSignDateTime(signTimeSection.Custom)">
                   <div class="flex-center">
                     <span class="grey-color">自定义</span>
+                    <a-popover trigger="hover">
+                      <template #content>
+                        <p>面授开始前x分钟至面授时间开始后x分钟,允许进行签到。</p>
+                      </template>
+
+                      <QuestionCircleOutlined style="height: 20px;width: 20px; margin-top: 8px;" class="grey-color"/>
+                    </a-popover>
                     <span v-if="signDateTimeType === signTimeSection.Custom" class="flex-center">
                       <div class="flex-center ml-10">
                         <span style="color: #6d7584;margin-right:8px;">开始前</span>
@@ -1412,7 +1419,7 @@ import DropDown from "@/components/common/DropDown";
 import { checkPer, checkOwner } from "@/utils/utils";
 import dayjs from "dayjs";
 import { duration } from "moment";
-import { DeleteOutlined, DownOutlined } from "@ant-design/icons-vue";
+import { DeleteOutlined, DownOutlined ,QuestionCircleOutlined } from "@ant-design/icons-vue";
 
 //列表表格
 const moreLine = (item) => {
@@ -1893,6 +1900,7 @@ const columns7 = [
 ];
 export default defineComponent({
   components: {
+    QuestionCircleOutlined,
     // OwnPower,
     // Corpowerlist,
     CommonStudent,
@@ -7919,4 +7927,12 @@ export default defineComponent({
 .ml-10 {
   margin-left: 10px;
 }
+
+.custom-icon {
+  font-size: 20px;
+
+  svg {
+    margin: auto;
+  }
+}
 </style>