livingroom

src/components/liveProjectDetail.vue

@@ -65,6 +65,12 @@
           >
             课堂评价
           </div>
+          <div
+            style="color: #bfbfbf; padding: 15px 0 15px 25px; font-size: 20px"
+            v-if="isBlock == 8"
+          >
+            根据题目选择对应的答案
+          </div>
           <div
             style="
               margin-left: 25px;
@@ -365,6 +371,37 @@
               <el-button type="primary" @click="addWork(6)">确定</el-button>
             </span>
           </div>
+          <div
+            class="answerBox"
+            v-if="
+              isBlock == 8 &&
+              tools[ppage - 1].tools &&
+              tools[ppage - 1].tools.indexOf(27) != -1
+            "
+            style="padding: 0 0 0 25px"
+          >
+            <div>
+              <div v-for="(tk, tIndex) in 7" :key="tIndex" class="tkCss">
+                <div style="margin-right: 10px; font-size: 18px">{{ tIndex + 1 }}、</div>
+                <el-select v-model="tkAnswer[tIndex]" placeholder="请选择答案">
+                  <el-option
+                    v-for="(tkA, tkAIndex) in tkAnswerBox"
+                    :key="tkAIndex"
+                    :label="tkA"
+                    :value="tkA"
+                  ></el-option>
+                </el-select>
+              </div>
+            </div>
+            <span
+              slot="footer"
+              class="dialog-footer sztFooter"
+              style="padding: 0 0 30px 0px; position: absolute; right: 20px; bottom: 0"
+            >
+              <el-button @click="isBlock = 0">取消</el-button>
+              <el-button type="primary" @click="addWork(5)">提交</el-button>
+            </span>
+          </div>
           <div class="answerBox" v-if="isBlock == 5" style="padding: 10px 0 0 25px">
             <div style="color: #d1d1d1; font-size: 24px">课堂实践</div>
             <div
@@ -563,7 +600,7 @@ export default {
         { tools: [9] },
         { tools: [9] },
         { tools: [12] },
-        { tools: [9] },
+        { tools: [27] },
         {
           file: [
             {
@@ -592,6 +629,17 @@ export default {
         qia: 0,
         content: "",
       },
+      tkAnswerBox: [
+        "Feelings",
+        "Weather",
+        "Activities before the festival",
+        "Origin",
+        "Food",
+        "Time",
+        "ctivities during the festival",
+        "Reason",
+      ],
+      tkAnswer: [],
       imgUrl: "",
       imgFile: "",
       imgFileUp: [],
@@ -870,6 +918,11 @@ export default {
           this.$message.error("请上传图片");
           return;
         }
+      } else if (type == 5) {
+        if (this.tkAnswer.length == 0) {
+          this.$message.error("请选择对应的答案");
+          return;
+        }
       }
       //  else if (this.upload[0].upVedio.length == 0) {
       //   this.$message.error("请上传视频");
@@ -905,6 +958,8 @@ export default {
         a = JSON.stringify(this.rateList);
       } else if (type == 1) {
         a = JSON.stringify(this.typeC);
+      } else if (type == 5) {
+        a = JSON.stringify(this.tkAnswer);
       }
       let params = {
         uid: this.userid,
@@ -924,7 +979,7 @@ export default {
             message: "提交成功",
             type: "success",
           });
-          this.selectSWork(6);
+          this.selectSWork(type);
         })
         .catch((err) => {
           this.$message.error("提交成功");
@@ -1137,6 +1192,11 @@ export default {
           this.tools[this.ppage - 1].file.length
         ) {
           this.selectFile();
+        } else if (
+          this.tools[this.ppage - 1].tools &&
+          this.tools[this.ppage - 1].tools.indexOf(27) != -1
+        ) {
+          this.isBlock = 8;
         }
       }
     },
@@ -1149,8 +1209,8 @@ export default {
             if (this.ppage == res.data[0][0].page && this.isBlock !== 0) {
               return;
             } else {
-              this.ppage = res.data[0][0].page;
-              // this.ppage = 3;
+              // this.ppage = res.data[0][0].page;
+              this.ppage = 11;
               this.typeC = [];
               this.isAnswer = false;
               this.howPage(this.ppage);
@@ -1715,4 +1775,11 @@ img {
 .video-player >>> .video-js {
   height: 100%;
 }
+.tkCss {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-wrap: nowrap;
+  margin-bottom: 15px;
+}
 </style>