feat:新增基础信息-任务-添加免受 选择面授 添加作业 添加考试

src/components/drawers/AddFaceteach.vue

@@ -1,7 +1,7 @@
 <template>
   <a-drawer
     :visible="addfaceteachVisible"
-    class="drawerStyle"
+    class="drawerStyle addfaceteachDrawer"
     width="80%"
     title="添加面授"
     placement="right"
@@ -30,7 +30,7 @@
             </div>
             <div class="btnbox">
               <a-input
-                v-model:value="value2"
+                v-model:value="inputV1"
                 style="width: 384px; height: 32px"
                 placeholder="请输入小组名称"
               />
@@ -46,9 +46,14 @@
               </div>
               <span style="margin-right: 3px">选择课程：</span>
             </div>
-            <div class="btnbox">
+            <div class="btnbox" @click="showDrawerSelFacet">
               <button class="xkbtn">选择课程</button>
             </div>
+            <!-- 选择面授侧弹窗 -->
+            <div>
+              <sel-facet v-model:selfacetVisible="selfacetvisible" />
+            </div>
+            <!-- 选择面授侧弹窗 -->
           </div>
           <div class="main_item2">
             <div class="signbox">
@@ -56,7 +61,7 @@
             </div>
             <div class="textarea">
               <a-textarea
-                v-model:value="textareavalue"
+                v-model:value="textV1"
                 placeholder="请输入说明"
                 allow-clear
               />
@@ -74,7 +79,7 @@
             </div>
             <div class="btnbox">
               <a-input
-                v-model:value="value2"
+                v-model:value="inputV2"
                 style="width: 384px; height: 32px"
                 placeholder="请输入授课教师"
               />
@@ -108,7 +113,7 @@
             </div>
             <div class="btnbox">
               <a-input
-                v-model:value="value2"
+                v-model:value="inputV3"
                 style="width: 384px; height: 32px"
               />
               <span style="margin-left: 5px">分钟</span>
@@ -126,7 +131,7 @@
             </div>
             <div class="btnbox">
               <a-input
-                v-model:value="value2"
+                v-model:value="inputV4"
                 style="width: 384px; height: 32px"
                 placeholder="请输入上课地址"
               />
@@ -141,12 +146,12 @@
               <div class="setbox">
                 <div class="timerbox">
                   <span>开始前：</span>
-                  <a-input style="width: 88px; height: 32px"></a-input>
+                  <a-input style="width: 88px; height: 32px" :v-model:value="inputV5"></a-input>
                   <span style="color: #999999; margin-left: 8px">分钟</span>
                 </div>
                 <div class="timerbox">
                   <span>开始后：</span>
-                  <a-input style="width: 88px; height: 32px"></a-input>
+                  <a-input style="width: 88px; height: 32px" :v-model:value="inputV6"></a-input>
                   <span style="color: #999999; margin-left: 8px">分钟</span>
                 </div>
               </div>
@@ -154,7 +159,7 @@
               <div class="setbox">
                 <div class="timerbox">
                   <span>结束前：</span>
-                  <a-input style="width: 88px; height: 32px"></a-input>
+                  <a-input style="width: 88px; height: 32px" :v-model:value="inputV7"></a-input>
                   <span style="color: #999999; margin-left: 8px"
                     >分钟（提前签退则记为早退）</span
                   >
@@ -167,8 +172,12 @@
               <span style="margin-right: 3px">完成标准设置：</span>
             </div>
             <div class="btnbox">
-              <a-checkbox v-model:checked="checked">Checkbox</a-checkbox>
-              <a-checkbox v-model:checked="checked">Checkbox</a-checkbox>
+              <a-radio-group v-model:value="radioV1">
+                <a-radio v-model:checked="checked" :value="1">仅签到</a-radio>
+                <a-radio v-model:checked="checked" :value="2"
+                  >签到、签退全部完成</a-radio
+                >
+              </a-radio-group>
             </div>
           </div>
           <div class="main_item">
@@ -176,7 +185,9 @@
               <span style="margin-right: 3px">其他设置：</span>
             </div>
             <div class="btnbox">
-              <a-checkbox v-model:checked="checked">Checkbox</a-checkbox>
+              <a-checkbox v-model:checked="checked"
+                >学员请假后记为任务完成</a-checkbox
+              >
             </div>
           </div>
           <div class="main_item2">
@@ -184,8 +195,12 @@
               <span style="margin-right: 3px">现场参与：</span>
             </div>
             <div class="btnbox2">
-              <a-checkbox v-model:checked="checked">Checkbox</a-checkbox>
-              <a-checkbox v-model:checked="checked">Checkbox</a-checkbox>
+              <a-radio-group v-model:value="radioV2">
+                <a-radio v-model:checked="checked" :value="1">允许项目内人员临时到场参加</a-radio>
+                <a-radio v-model:checked="checked" :value="2"
+                  >允许项目外人员临时到场参加</a-radio
+                >
+              </a-radio-group>
             </div>
           </div>
           <div class="main_item2">
@@ -198,7 +213,42 @@
             </div>
           </div>
         </div>
-        <div class="main_right"></div>
+        <div class="main_right">
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">配置作业：</span>
+            </div>
+            <div class="btnbox" @click="showDrawerAddHomework">
+              <button class="xkbtn">配置</button>
+            </div>
+            <!-- 添加作业侧弹窗 -->
+            <div>
+              <add-homework v-model:addhomeworkVisible="addhomeworkvisible" />
+            </div>
+            <!-- 添加作业侧弹窗 -->
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">配置考试：</span>
+            </div>
+            <div class="btnbox" @click="showDrawerAddTest">
+              <button class="xkbtn">配置</button>
+            </div>
+            <!-- 添加考试侧弹窗 -->
+            <div>
+              <add-test v-model:addtestVisible="addtestvisible" />
+            </div>
+            <!-- 添加考试侧弹窗 -->
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">附件：</span>
+            </div>
+            <div class="btnbox">
+              <button class="xkbtn">上传附件</button>
+            </div>
+          </div>
+        </div>
       </div>
       <div class="main_btns">
         <button class="btn1">取消</button>
@@ -209,6 +259,9 @@
 </template>
 <script>
 import { reactive, toRefs, ref } from "vue";
+import SelFacet from "../../components/drawers/SelFacet.vue";
+import AddHomework from "../../components/drawers/AddHomework.vue";
+import AddTest from "../../components/drawers/AddTest.vue";
 const options1 = ref([
   {
     value: "value1",
@@ -277,6 +330,11 @@ const rowSelection = ref({
 });
 export default {
   name: "AddFaceteach",
+  components: {
+    SelFacet,
+    AddHomework,
+    AddTest,
+  },
   props: {
     addfaceteachVisible: {
       type: Boolean,
@@ -371,6 +429,19 @@ export default {
       currentPage: 1,
       tableDataTotal: 100,
       pageSize: 10,
+      selfacetvisible: false,
+      addhomeworkvisible: false,
+      addtestvisible: false,
+      inputV1: "",
+      inputV2: "",
+      inputV3: "",
+      inputV4: "",
+      inputV5: "",
+      inputV6: "",
+      inputV7: "",
+      testV1: "",
+      radioV1: "",
+      radioV2: "",
     });
     const closeDrawer = () => {
       ctx.emit("update:addfaceteachVisible", false);
@@ -378,13 +449,21 @@ export default {
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
     };
-    // const showDrawerFaceteach = () => {
-    //   state.addfaceteachvisible = true;
-    // };
+    const showDrawerSelFacet = () => {
+      state.selfacetvisible = true;
+    };
+    const showDrawerAddHomework = () => {
+      state.addhomeworkvisible = true;
+    };
+    const showDrawerAddTest = () => {
+      state.addtestvisible = true;
+    };
     return {
       ...toRefs(state),
+      showDrawerSelFacet,
+      showDrawerAddHomework,
+      showDrawerAddTest,
       afterVisibleChange,
-      // showDrawerFaceteach,
       closeDrawer,
       options1,
       columns1,
@@ -394,11 +473,11 @@ export default {
   },
 };
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 .ant-table-striped :deep(.table-striped) td {
   background-color: #fafafa !important;
 }
-.drawerStyle {
+.addfaceteachDrawer {
   .drawerMain {
     .header {
       height: 73px;
@@ -418,7 +497,9 @@ export default {
       display: flex;
       justify-content: space-between;
       .main_left {
-        margin-right: 30px;
+        padding-right: 30px;
+        flex: 1;
+        border-right: 1px solid #e8e8e8;
         .main_item {
           display: flex;
           align-items: center;
@@ -476,7 +557,7 @@ export default {
               }
             }
           }
-          .btnbox2{
+          .btnbox2 {
             display: flex;
             flex-direction: column;
             justify-content: flex-start;
@@ -487,15 +568,42 @@ export default {
               background: #388be1;
               border-radius: 8px;
               border: 0;
-              margin-right:  16px 8px 32px 0;
+              margin-right: 16px 8px 32px 0;
               color: #fff;
+              margin-top: 16px;
+              margin-bottom: 60px;
             }
           }
         }
       }
       .main_right {
         width: 337px;
-        border-left: 1px solid #e8e8e8;
+        .main_item {
+          display: flex;
+          align-items: center;
+          margin-bottom: 32px;
+          .signbox {
+            width: 120px;
+            display: flex;
+            justify-content: end;
+            align-items: center;
+          }
+          .btnbox {
+            display: flex;
+            flex: 1;
+            align-items: center;
+            .xkbtn {
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #388be1;
+              border-radius: 8px;
+              border: 0;
+              margin-right: 8px;
+              color: #fff;
+            }
+          }
+        }
       }
     }
     .main_btns {