diff --git a/src/assets/image/homeworkpage/rar.png b/src/assets/image/homeworkpage/rar.png
new file mode 100644
index 0000000..9b7bc33
Binary files /dev/null and b/src/assets/image/homeworkpage/rar.png differ
diff --git a/src/assets/image/investigat/checkbox.png b/src/assets/image/investigat/checkbox.png
new file mode 100644
index 0000000..808036e
Binary files /dev/null and b/src/assets/image/investigat/checkbox.png differ
diff --git a/src/assets/image/investigat/checkbox2.png b/src/assets/image/investigat/checkbox2.png
new file mode 100644
index 0000000..d9f6cf8
Binary files /dev/null and b/src/assets/image/investigat/checkbox2.png differ
diff --git a/src/views/ballotpage/BallotPage.vue b/src/views/ballotpage/BallotPage.vue
index 55eafe7..e0c8148 100644
--- a/src/views/ballotpage/BallotPage.vue
+++ b/src/views/ballotpage/BallotPage.vue
@@ -1,33 +1,6 @@
 <template>
   <div class="ballotpage">
     <TitleHead text="【投票】管理者进阶腾飞班 - 授课方式"></TitleHead>
-    <!-- <div class="main">
-      <div class="title">
-        <div class="inner">
-          <div class="titlemain clearfix">
-            <div class="imgTime clearfix">
-              <div class="img"></div>
-              <div class="time">2022-07-20 20:00-21:00</div>
-            </div>
-            <div class="preNext clearfix">
-              <div class="sameone pre" style="margin-right: 5px"></div>
-              <div class="sametwo">上一个</div>
-              <div class="sametwo" style="margin-left: 15.5px">下一个</div>
-              <div class="sameone next" style="margin-left: 5px"></div>
-            </div>
-          </div>
-          <div class="allbtn">
-            <button class="samebtn btnone">观看</button>
-            <button class="samebtn btntwo" style="margin-left: 9px">
-              签到
-            </button>
-            <button class="samebtn btnthr" style="margin-left: 9px">
-              评估
-            </button>
-          </div>
-        </div>
-      </div>
-    </div> -->
 
     <div class="notice">
       <div class="noticebox">
diff --git a/src/views/homeworkpage/HomeworkPage.vue b/src/views/homeworkpage/HomeworkPage.vue
index 971569a..0ffb8ac 100644
--- a/src/views/homeworkpage/HomeworkPage.vue
+++ b/src/views/homeworkpage/HomeworkPage.vue
@@ -72,11 +72,74 @@
           </div>
 
           <div class="contentfor clearfix">
-            <textarea type="text" class="inputbox" />
+            <el-input
+              v-model="textarea1"
+              :autosize="{ minRows: 12.5, maxRows: 12.5 }"
+              resize="none"
+              type="textarea"
+              @input="textareaInput"
+              class="input"
+            />
+
+            <div
+              class="uploadDetail"
+              :style="{ display: uploadfile ? 'block' : 'none' }"
+            >
+              <div class="square clearfix">
+                <div class="squarecontent1">
+                  <div class="rar"></div>
+                  <div class="rarDetail">
+                    <span class="detail1" style="margin-right: 42px">
+                      文件名称1.rar
+                    </span>
+                    <span class="detail2" style="margin-right: 10px">48%</span>
+                    <span class="detail1">正在上传</span>
+                    <div class="progress">
+                      <div class="progressinner"></div>
+                    </div>
+                  </div>
+                  <button class="btn btndetail">暂停</button>
+                  <button class="btn">取消</button>
+                </div>
+
+                <div class="squarecontent2">
+                  <div class="rar"></div>
+                  <div class="rarDetail">
+                    <span class="detail1" style="margin-right: 42px">
+                      文件名称2.rar
+                    </span>
+                    <span class="detail2" style="margin-right: 10px">80%</span>
+                    <span class="detail1">上传失败</span>
+                    <div class="progress">
+                      <div class="progressinner"></div>
+                    </div>
+                  </div>
+                  <button class="btn btndetail">重传</button>
+                  <button class="btn">取消</button>
+                </div>
+
+                <div class="squarecontent3">
+                  <div class="rar"></div>
+                  <div class="rarDetail">
+                    <span class="detail1" style="margin-right: 34px">
+                      文件名称3.rar
+                    </span>
+                    <span class="detail2" style="margin-right: 10px">100%</span>
+                    <span class="detail1">上传成功</span>
+                    <div class="progress">
+                      <div class="progressinner"></div>
+                    </div>
+                  </div>
+                  <button class="btn btndetail">删除</button>
+                </div>
+              </div>
+              <div class="triangle"></div>
+            </div>
           </div>
+
           <div class="btnbox">
             <div class="btnn">
-              <button class="btns btno">上传</button>
+              <button class="btns btno" @click="uploadFile">上传</button>
               <button class="btns btnt">提交</button>
             </div>
           </div>
@@ -112,14 +175,31 @@
 </template>
 
 <script>
-// import { reactive, toRefs } from "vue";
+import { reactive, toRefs } from "vue";
 import TitleHead from "@/components/TitleHead.vue";
 export default {
   name: "HomeworkPage",
   components: {
     TitleHead,
   },
-  setup() {},
+  setup() {
+    const state = reactive({
+      uploadfile: false,
+      textarea1: " ",
+    });
+    const uploadFile = () => {
+      state.uploadfile = !state.uploadfile;
+    };
+    const textareaInput = (e) => {
+      // console.log("eee", e);
+      state.textarea1 = e;
+    };
+    return {
+      ...toRefs(state),
+      uploadFile,
+      textareaInput,
+    };
+  },
 };
 </script>
 
@@ -320,34 +400,216 @@ export default {
           margin-bottom: 34px;
           height: 200px;
           // background-color: red;
-          .inputbox {
-            width: 100%;
+          position: relative;
+          // .input {
+          //   background-color: #f5f6f7;
+          // }
+          .el-textarea__inner {
             background-color: #f5f6f7;
-            border: 0;
-            height: 256px;
-            border-radius: 4px;
-            // border-color: blue;
           }
-          .inputbox:focus {
-            outline: none !important;
-            border-color: #719ece;
-            box-shadow: 0 0 10px #719ece;
+          .uploadDetail {
+            position: absolute;
+            // top: 110px;
+            top: 120px;
+            right: 0px;
+            z-index: 999;
+            .triangle {
+              top: 156px;
+              left: 110px;
+              width: 0;
+              height: 0;
+              position: absolute;
+              border-right: 5px solid transparent;
+              border-left: 5px solid transparent;
+              border-top: 5px solid #fff;
+              // box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.11);
+            }
+
+            .square {
+              // width: 475px;
+              width: 100%;
+              height: 156px;
+              background: #ffffff;
+              box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.11);
+              border-radius: 8px;
+              .squarecontent1 {
+                // padding-top: 18px;
+                margin-top: 10px;
+                display: flex;
+                .rar {
+                  margin: 12px 15px 0 27px;
+                  width: 19px;
+                  height: 22px;
+                  background-size: 100% 100%;
+                  background-image: url("../../assets/image/homeworkpage/rar.png");
+                }
+                .rarDetail {
+                  .detail1 {
+                    // height: 14px;
+                    font-size: 12px;
+                    line-height: 30px;
+                    font-weight: 500;
+                    color: #677d86;
+                  }
+                  .detail2 {
+                    // height: 11px;
+                    font-size: 12px;
+                    font-weight: 500;
+                    color: #277aff;
+                  }
+                  .progress {
+                    width: 202px;
+                    height: 8px;
+                    background: #e8f1fe;
+                    border-radius: 4px;
+                    .progressinner {
+                      width: 48%;
+                      height: 8px;
+                      background: linear-gradient(
+                        0deg,
+                        #2478ff 0%,
+                        #5093ff 100%
+                      );
+                      border-radius: 4px;
+                    }
+                  }
+                }
+                .btn {
+                  border: 0;
+                  background-color: #fff;
+                  color: #277aff;
+                  margin-top: 8px;
+                  cursor: pointer;
+                  width: 40px;
+                }
+              }
+
+              .squarecontent2 {
+                margin-top: 5px;
+                display: flex;
+                .rar {
+                  margin: 12px 15px 0 27px;
+                  width: 19px;
+                  height: 22px;
+                  background-size: 100% 100%;
+                  background-image: url("../../assets/image/homeworkpage/rar.png");
+                }
+                .rarDetail {
+                  .detail1 {
+                    // height: 14px;
+                    font-size: 12px;
+                    line-height: 30px;
+                    font-weight: 500;
+                    color: #677d86;
+                  }
+                  .detail2 {
+                    // height: 11px;
+                    font-size: 12px;
+                    font-weight: 500;
+                    color: #277aff;
+                  }
+                  .progress {
+                    width: 202px;
+                    height: 8px;
+                    background: #e8f1fe;
+                    border-radius: 4px;
+                    .progressinner {
+                      width: 80%;
+                      height: 8px;
+                      background: linear-gradient(
+                        0deg,
+                        #ee625e 0%,
+                        #eea4a1 100%
+                      );
+                      border-radius: 4px;
+                    }
+                  }
+                }
+                .btn {
+                  border: 0;
+                  background-color: #fff;
+                  color: #277aff;
+                  margin-top: 8px;
+                  cursor: pointer;
+                  width: 40px;
+                }
+                .btndetail {
+                  // margin-left: 25px;
+                }
+              }
+
+              .squarecontent3 {
+                margin-top: 5px;
+                display: flex;
+                .rar {
+                  margin: 12px 15px 0 27px;
+                  width: 19px;
+                  height: 22px;
+                  background-size: 100% 100%;
+                  background-image: url("../../assets/image/homeworkpage/rar.png");
+                }
+                .rarDetail {
+                  .detail1 {
+                    // height: 14px;
+                    font-size: 12px;
+                    line-height: 30px;
+                    font-weight: 500;
+                    color: #677d86;
+                  }
+                  .detail2 {
+                    // height: 11px;
+                    font-size: 12px;
+                    font-weight: 500;
+                    color: #277aff;
+                  }
+                  .progress {
+                    width: 202px;
+                    height: 8px;
+                    background: #e8f1fe;
+                    border-radius: 4px;
+                    .progressinner {
+                      width: 100%;
+                      height: 8px;
+                      background: linear-gradient(
+                        0deg,
+                        #36d1ae 0%,
+                        #3be5bf 100%
+                      );
+                      border-radius: 4px;
+                    }
+                  }
+                }
+                .btn {
+                  border: 0;
+                  background-color: #fff;
+                  color: #277aff;
+                  margin-top: 8px;
+                  cursor: pointer;
+                }
+                .btndetail {
+                  margin-left: 25px;
+                }
+              }
+            }
           }
         }
+
         .btnbox {
-          margin-top: 80px;
+          margin-top: 90px;
           // height: 20px;
           width: 100%;
           // background-color: red;
           display: flex;
           justify-content: center;
           margin-bottom: 20px;
+
           .btnn {
             color: #fff;
             width: 60%;
             font-size: 14px;
             display: flex;
             justify-content: space-between;
+
             .btns {
               color: #fff;
               width: 83px;
diff --git a/src/views/investigat/InvestigatPage.vue b/src/views/investigat/InvestigatPage.vue
new file mode 100644
index 0000000..ec8c6e3
--- /dev/null
+++ b/src/views/investigat/InvestigatPage.vue
@@ -0,0 +1,334 @@
+<template>
+  <div class="Investigat">
+    <TitleHead text="【调研】管理者进阶腾飞班 - 培训阶段性调研"></TitleHead>
+
+    <div class="notice">
+      <div class="noticebox">
+        <div class="mani">
+          <div class="dir">
+            <div class="samegt pre"></div>
+            <div class="sameg">上一个</div>
+            <div class="sameg" style="margin-left: 15.5px">下一个</div>
+            <div class="samegt next"></div>
+          </div>
+          <div
+            class="question"
+            v-for="(value, index) in question"
+            :key="index"
+            :style="{ 'margin-top': '20px' }"
+          >
+            <div class="text">{{ value.text }}</div>
+            <div class="answerL">
+              <div>完全没用</div>
+              <div>非常好</div>
+            </div>
+            <div class="answer">
+              <div class="answerC">
+                <div class="itemwrap">
+                  <div
+                    class="answerCitem"
+                    v-for="(item, key) in select"
+                    :key="key"
+                    :style="{
+                      background:
+                        value.selectAnswer === item
+                          ? 'rgba(86, 163, 249, 1)'
+                          : 'rgba(86, 163, 249, 0)',
+                      color:
+                        value.selectAnswer === item
+                          ? '#fff'
+                          : 'rgba(86, 163, 249, 1)',
+                    }"
+                    @click="score(value, item)"
+                  >
+                    <div>{{ item }}</div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="question" style="margin-top: 20px">
+            <div class="text">4.类似相应的课程，您认为适合哪些人观看？</div>
+            <div
+              v-for="(value, index) in viewpeople"
+              :key="index"
+              style="display: flex; align-items: center"
+              :style="{ 'margin-top': '22px' }"
+              @click="selectPeople(value)"
+            >
+              <img
+                style="width: 14px; height: 13px; cursor: pointer"
+                :src="
+                  value.select
+                    ? require('../../assets/image/investigat/checkbox.png')
+                    : require('../../assets/image/investigat/checkbox2.png')
+                "
+              />
+              <div class="people" style="font-size: 13px; margin-left: 7px">
+                {{ value.text }}
+              </div>
+            </div>
+          </div>
+          <div class="question" style="margin-top: 21px">
+            <div class="text">5.您的其他意见</div>
+            <div style="margin-top: 21px; position: relative">
+              <el-input
+                style="width: 100%"
+                v-model="textarea1"
+                :autosize="{ minRows: 5, maxRows: 5 }"
+                resize="none"
+                maxlength="200"
+                type="textarea"
+                @input="textareaInput"
+              />
+              <div class="words">{{ textarealength }}/200</div>
+            </div>
+          </div>
+          <div style="display: flex; justify-content: center">
+            <div class="submit">提交</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { reactive, toRefs } from "vue";
+import TitleHead from "@/components/TitleHead.vue";
+export default {
+  name: "InvestigatPage",
+  components: {
+    TitleHead,
+  },
+  setup() {
+    const state = reactive({
+      question: [
+        {
+          id: 1,
+          text: "1.您觉得课程对您是否有用？",
+          selectAnswer: 0,
+        },
+        {
+          id: 2,
+          text: "2.您是否会推荐课程给其他同事？",
+          selectAnswer: 0,
+        },
+        {
+          id: 3,
+          text: "3.后续该讲师有其他课程是否会参与？",
+          selectAnswer: 0,
+        },
+      ],
+      select: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+      viewpeople: [
+        {
+          id: 1,
+          text: "基础员工",
+          select: false,
+        },
+        {
+          id: 2,
+          text: "中层管理",
+          select: false,
+        },
+        {
+          id: 3,
+          text: "专业人员",
+          select: false,
+        },
+        {
+          id: 4,
+          text: "高级管理",
+          select: false,
+        },
+      ],
+      textarea1: "",
+      textarealength: 0,
+    });
+    const score = (value, item) => {
+      let arr = state.question;
+      arr.map((i) => {
+        if (i.id === value.id) {
+          i.selectAnswer = item;
+        }
+      });
+      state.question = arr;
+    };
+    const selectPeople = (value) => {
+      let arr = state.viewpeople;
+      arr.map((i) => {
+        if (i.id === value.id) {
+          i.select = !i.select;
+        }
+      });
+      state.viewpeople = arr;
+    };
+    const textareaInput = (e) => {
+      // console.log("eee", e);
+      state.textarea1 = e;
+      state.textarealength = e.length;
+    };
+    return {
+      ...toRefs(state),
+      score,
+      selectPeople,
+      textareaInput,
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss">
+.clearfix:before,
+.clearfix:after {
+  content: " ";
+  display: table;
+  clear: both;
+}
+.Investigat {
+  width: 100%;
+
+  .notice {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    margin-top: 10px;
+    .noticebox {
+      width: 90%;
+      background: #fff;
+      border-radius: 4px;
+      position: relative;
+      display: flex;
+      justify-content: center;
+      .mani {
+        width: 90%;
+        margin-top: 20px;
+
+        .dir {
+          width: 100%;
+          height: 20px;
+          // background-color: red;
+          margin-bottom: 20px;
+          display: flex;
+          justify-content: right;
+          font-size: 12px;
+          color: #2478ff;
+          .samegt {
+            margin-top: 3px;
+            height: 12px;
+            width: 12px;
+          }
+          .samege {
+            line-height: 12px;
+          }
+          .pre {
+            margin-right: 5px;
+            // background-size: 100%;
+            background-image: url(../../assets/image/ballotpage/pre.png);
+          }
+          .next {
+            margin-left: 5px;
+            // background-size: 100%;
+            background-image: url(../../assets/image/ballotpage/next.png);
+          }
+        }
+
+        .question {
+          .text {
+            font-size: 14px;
+            font-weight: 500;
+            color: #333330;
+          }
+          .answerL {
+            margin-bottom: -20px;
+            margin-top: 12px;
+            font-size: 13px;
+            width: 100%;
+            color: #56a3f9;
+            display: flex;
+            justify-content: space-between;
+          }
+          .answer {
+            margin-top: 30px;
+            display: flex;
+            align-items: center;
+            font-size: 14px;
+            font-weight: 500;
+            color: #56a3f9;
+            .answerC {
+              // width: 540px;
+              width: 100%;
+              height: 43px;
+              border: 1px solid #d7e5fd;
+              border-radius: 8px;
+              display: flex;
+              align-items: center;
+              // margin-left: 11px;
+              // margin-right: 11px;
+              justify-content: center;
+              .itemwrap {
+                width: 92%;
+                display: flex;
+                justify-content: space-between;
+                .answerCitem {
+                  width: 24px;
+                  height: 24px;
+                  border: 1px solid #56a3f9;
+                  border-radius: 4px;
+                  font-size: 14px;
+                  font-weight: 400;
+                  color: #ffffff;
+                  display: flex;
+                  align-items: center;
+                  justify-content: center;
+                  // margin-left: 10px;
+                  cursor: pointer;
+                }
+              }
+            }
+          }
+        }
+
+        .question .answer .question .people {
+          font-size: 13px;
+          font-weight: 500;
+          color: #333330;
+          margin-left: 6px;
+        }
+        .question .words {
+          position: absolute;
+          right: 15px;
+          bottom: 5px;
+          font-size: 14px;
+          font-weight: 500;
+          color: #333330;
+        }
+        .question .el-textarea__inner {
+          border-radius: 8px;
+          background-color: rgba(245, 246, 247, 1);
+        }
+        .submit {
+          // width: 126px;
+          width: 100%;
+          height: 31.5px;
+          background: #2478ff;
+          box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
+          border-radius: 4px;
+          font-size: 14px;
+          font-weight: 800;
+          color: #ffffff;
+          line-height: 24px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          cursor: pointer;
+          margin-top: 10.5px;
+          margin-bottom: 30px;
+        }
+      }
+    }
+  }
+}
+</style>