From e919e2145d5f343b1bbae047708e11c63e87ac4c Mon Sep 17 00:00:00 2001
From: lideqin <694785430@qq.com>
Date: Fri, 5 Jan 2024 13:39:18 +0800
Subject: [PATCH] =?UTF-8?q?[update]=20=E4=BF=AE=E6=94=B9bug80154=EF=BC=8C?=
 =?UTF-8?q?=E6=9C=AA=E5=85=A8=E9=83=A8=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/QuizModal.vue                     |  3 +-
 .../questionAnswerLibrary/page/AnswerPage.vue | 56 +++++++------------
 2 files changed, 23 insertions(+), 36 deletions(-)

diff --git a/src/views/businessSupport/questionAnswerLibrary/modules/QuizModal.vue b/src/views/businessSupport/questionAnswerLibrary/modules/QuizModal.vue
index 14ceb723..c2055ba7 100644
--- a/src/views/businessSupport/questionAnswerLibrary/modules/QuizModal.vue
+++ b/src/views/businessSupport/questionAnswerLibrary/modules/QuizModal.vue
@@ -74,6 +74,7 @@
           <a-col :span="12">
             <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('businessSupport.questionAnswer.quizTime')">
               <a-date-picker
+                style="width: 100%"
                 v-decorator.trim="[ 'quizTime', validatorRules.quizTime]"
                 format="YYYY-MM-DD HH:mm:ss"
                 value-format="YYYY-MM-DD HH:mm:ss"
@@ -133,7 +134,7 @@ export default {
       },
       longWrapperCol: {
         xs: { span: 24 },
-        sm: { span: 20 }
+        sm: { span: 21 }
       },
       validatorRules: {
         type: {
diff --git a/src/views/businessSupport/questionAnswerLibrary/page/AnswerPage.vue b/src/views/businessSupport/questionAnswerLibrary/page/AnswerPage.vue
index 46eb923f..6564ae51 100644
--- a/src/views/businessSupport/questionAnswerLibrary/page/AnswerPage.vue
+++ b/src/views/businessSupport/questionAnswerLibrary/page/AnswerPage.vue
@@ -86,17 +86,25 @@
 
     <!-- 回答区域 -->
     <div v-if="canAnswer === 1" class="answer-wrapper">
-      <div class="left-user-info">
+      <div class="answer-wrapper-title">
         <a-avatar shape="square" :size="56" :src="getAvatarView(currentUser.avatar)" icon="user"/>
         <p class="left-user-name">{{ currentUser.realname }}</p>
-        <p>{{ currentUser.orgCodeTxt }}</p>
-      </div>
-      <div class="right-answer-form-wrapper">
         <p>{{ $t('businessSupport.questionAnswer.answerQuestion') }}</p>
-        <a-textarea v-model="answerDesc" :autoSize="{minRows: 4}" :maxLength="2000"></a-textarea>
-        <p class="answer-desc-num">{{ answerDesc.length }}/2000{{ $t('businessSupport.questionAnswer.word') }}</p>
-        <a-button class="submit-btn" type="primary" @click="submit" v-has="'quiz:detail:answerSubmit'">{{ $t('submit') }}</a-button>
       </div>
+      <a-textarea v-model="answerDesc" :autoSize="{minRows: 4}" :maxLength="2000"></a-textarea>
+      <p class="answer-desc-num">{{ answerDesc.length }}/2000{{ $t('businessSupport.questionAnswer.word') }}</p>
+      <a-button class="submit-btn" type="primary" @click="submit" v-has="'quiz:detail:answerSubmit'">{{ $t('submit') }}</a-button>
+      <!--<div class="left-user-info">-->
+      <!--  <a-avatar shape="square" :size="56" :src="getAvatarView(currentUser.avatar)" icon="user"/>-->
+      <!--  <p class="left-user-name">{{ currentUser.realname }}</p>-->
+      <!--  <p>{{ currentUser.orgCodeTxt }}</p>-->
+      <!--</div>-->
+      <!--<div class="right-answer-form-wrapper">-->
+      <!--  <p>{{ $t('businessSupport.questionAnswer.answerQuestion') }}</p>-->
+      <!--  <a-textarea v-model="answerDesc" :autoSize="{minRows: 4}" :maxLength="2000"></a-textarea>-->
+      <!--  <p class="answer-desc-num">{{ answerDesc.length }}/2000{{ $t('businessSupport.questionAnswer.word') }}</p>-->
+      <!--  <a-button class="submit-btn" type="primary" @click="submit" v-has="'quiz:detail:answerSubmit'">{{ $t('submit') }}</a-button>-->
+      <!--</div>-->
     </div>
     <!--  图片预览容器 -->
     <div id="images">
@@ -310,7 +318,7 @@ export default {
 .detail-page-part-form-item-large {
   width: 100%;
   display: flex;
-  margin: 0 16px 16px 0;
+  margin-bottom: 16px;
 
   label {
     width: 10em;
@@ -335,7 +343,6 @@ export default {
 .detail-page-part-form-item-large-file {
   width: 100%;
   display: flex;
-  margin: 0 16px 16px 0;
 
   label {
     width: 10em;
@@ -368,31 +375,8 @@ export default {
   border: 1px solid #E5E6EB;
   margin-bottom: 20px;
   display: flex;
-  .left-user-info {
-    width: 300px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    background: rgb(247, 248, 250);
-    padding: 20px 0 5px 0;
-  }
-  .left-user-name {
-    margin-top: 18px;
-    margin-bottom: 8px;
-  }
-  .right-answer-wrapper {
-    width: 100%;
-    padding: 20px 10px 20px 10px;
-    box-sizing: border-box;
-  }
-  .right-answer-form-wrapper {
-    padding: 20px 10px;
-    width: 100%;
-    box-sizing: border-box;
-    .submit-btn {
-      margin-top: 20px;
-    }
+  .answer-wrapper-title {
+
   }
   .answer-desc-num {
     text-align: right;
@@ -410,7 +394,6 @@ export default {
 .right-bottom-p {
   height: 20px;
   text-align: right;
-  padding-right: 8px;
   margin-bottom: 0;
   .time-span {
     color: #86909C;
@@ -433,6 +416,9 @@ export default {
     align-items: center;
     justify-content: space-between;
     margin-bottom: 12px;
+    .file-btn {
+      padding-right: 0 !important;
+    }
   }
 
   &-file:last-child {