Update 专家提问界面优化

SourceCode/WeApp.Web/Content/Css/ExerciseV2_1/screen.css

@@ -732,7 +732,6 @@ body {
 }
 .stu-question-box .questions-box .questions .question-item .question, .stu-question-box .questions-box .questions .question-item .answers {
   padding: 6px 2px 6px 35px;
-  border-bottom: 1px dashed #36536D;
   position: relative;
   font-size: 14px;
   display: flex;
@@ -752,6 +751,7 @@ body {
   align-items: center;
   width: 100%;
   font-weight: 600;
+  border-bottom: 1px dashed #36536D;
 }
 .stu-question-box .questions-box .questions .question-item .question .btn {
   margin: 0 8px;
@@ -768,6 +768,7 @@ body {
 }
 .stu-question-box .questions-box .questions .question-item .answers {
   flex-direction: column;
+  margin-bottom: 1px;
 }
 .stu-question-box .questions-box .questions .question-item .answers .answer {
   padding: 4px 0;

SourceCode/WeApp.Web/Content/Scss/ExerciseV2_1/screen.scss

@@ -692,7 +692,6 @@ body {
 
                 .question, .answers {
                     padding: 6px 2px 6px 35px;
-                    border-bottom: 1px dashed #36536D;
                     position: relative;
                     font-size: 14px;
                     display: flex;
@@ -714,6 +713,7 @@ body {
                     align-items: center;
                     width: 100%;
                     font-weight: 600;
+                    border-bottom: 1px dashed #36536D;
 
                     .btn {
                         margin: 0 8px;
@@ -736,6 +736,7 @@ body {
 
                 .answers {
                     flex-direction: column;
+                    margin-bottom: 1px;
 
                     .answer {
                         padding: 4px 0;

SourceCode/WeApp.Web/Views/ExerciseV2_1/Public.cshtml

@@ -135,7 +135,7 @@
                 str += `<form class="question-form" style="">
                         <input type="hidden" class="form-control"  name="id" />
                         <div class="question"></div>
-                        <textarea rows="5" class="form-control required" name="answer" placeholder="回答问题..." value="" style="" aria-required="true"></textarea>
+                        <textarea rows="5" class="form-control required" name="answer" placeholder="请选择问题回答..." value="" style="" aria-required="true"></textarea>
                         <button type="button" class="btn btn-submit send-btn" onclick="HandleAnswer()" disabled>发送</div>
                     <form>`;
 
@@ -164,10 +164,10 @@
 
         function ChangeQuestion(that) {
             var $that = $(that).closest(".question-item"), $that2 = $(".stu-question-box .questions-box .question-form");
-            var id = $that.data("id"), title = $that.data("title");
+            var id = $that.data("id"), title = $that.data("title"),text=$(that).text();
             $that2.find(".form-control[name='id']").val(id);
             $that2.find(".question").html(`<img src="/Content/Image/ExerciseV2/spec-question.png" /><span class="text">${title}</span>`);
-            //$that2.find(".form-control[name='answer']").val("");
+            $that2.find(".form-control[name='answer']").attr("placeholder", text+"...");
             $that2.find(".send-btn").prop("disabled",false);
             $that2.show();
             resize_question();
@@ -198,6 +198,7 @@
                 url: abp.appUrl + 'eval/StudentAnswer',
                 data: { id: id, campNo: '@(campNo)', groupNo: '@(group.Id)' ,answer:answer},
                 success: function () {
+                    $that2.find(".form-control[name='answer']").val("");
                     getQuestions();
                     abp.message.success(`提交成功！`);
                 }
@@ -210,8 +211,9 @@
                 return;
             }
             $("body").append(`<div class="stu-question-box">
-                                <div class="new question-box-body" onclick="ShowQuestionBox()">
+                                <div class="question-box-body" onclick="ShowQuestionBox()">
                                     <div class="close-icon " onclick="CloseQuestionBox()">X</div>
+                                    <div class="new"></div>
                                 </div>
                             </div>`);
         }