From bdee85e3340bd520212433b0ee1f20c146222d8e Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Thu, 23 Dec 2021 15:21:47 +0800
Subject: [PATCH] 25804

---
 .../components/questionBankAdd.vue            | 101 +++++++++---------
 1 file changed, 50 insertions(+), 51 deletions(-)

diff --git a/packages/3.0.0/AppQuestionBank/components/questionBankAdd.vue b/packages/3.0.0/AppQuestionBank/components/questionBankAdd.vue
index 3ff1e173..d6fc589b 100644
--- a/packages/3.0.0/AppQuestionBank/components/questionBankAdd.vue
+++ b/packages/3.0.0/AppQuestionBank/components/questionBankAdd.vue
@@ -1,45 +1,44 @@
 <template>
-  <section class="add_Party" :class="{isDetail:!isEdit}">
-    <ai-detail>
-      <ai-title slot="title" :title="detailTitle" isShowBottomBorder isShowBack @onBackClick="$emit('back')">
-      </ai-title>
-      <template #content>
-        <div class="detail-content" v-if="isEdit">
-          <el-form :model="form" label-width="120px" ref="ruleForm" :rules="rules">
-            <el-form-item label="题目描述" prop="title">
-              <el-input size="small" v-model="form.title" type="textarea" :rows="6" clearable placeholder="请输入..."
-                        maxlength="1000"
-                        show-word-limit/>
-            </el-form-item>
-            <el-form-item label="题目类型" prop="type">
-              <el-radio-group v-model="form.type" @change="radioChange">
-                <el-radio label="1">单选题</el-radio>
-                <el-radio label="2">多选题</el-radio>
-              </el-radio-group>
-            </el-form-item>
-            <el-form-item label="题目选项" prop="items">
-              <el-row type="flex" justify="space-between" v-for="(question,index) in form.items" :key="index">
-                <label>{{map(index)}}</label>
-                <div style="width: 500px">
-                  <el-form-item :prop="'items.' + index + '.content'"
-                                :rules="[{ required: true, message: '选项不能为空', trigger: 'blur' }]">
-                    <el-input placeholder="请输入选项内容" size="small" v-model="question.content" clearable></el-input>
-                  </el-form-item>
-                </div>
-                <el-checkbox :value="question.checked" @change="handleChange(index)">设为答案</el-checkbox>
-                <el-button type="text" icon="iconfont iconDelete" style="margin-top: 6px;"
-                           :disabled="form.items.length<=1" @click="handleDel(index)"></el-button>
-              </el-row>
-              <el-button type="text" @click="handleAdd" v-if="form.items && form.items.length<7">添加选项</el-button>
-            </el-form-item>
-            <el-form-item label="答案解析" prop="analysis">
-              <ai-editor v-model="form.analysis" :instance="instance"/>
-            </el-form-item>
-          </el-form>
-        </div>
-        <!--详情-->
-        <div class="village_detail" v-else>
-          <div style="text-align: left;margin-bottom: 16px;">{{form.title}}</div>
+  <ai-detail>
+    <ai-title slot="title" :title="detailTitle" isShowBottomBorder isShowBack @onBackClick="$emit('back')">
+    </ai-title>
+    <template #content>
+      <ai-card v-if="isEdit" title="基本信息">
+        <el-form slot="content" :model="form" label-width="120px" ref="ruleForm" :rules="rules">
+          <el-form-item label="题目描述" prop="title">
+            <el-input size="small" v-model="form.title" type="textarea" :rows="6" clearable placeholder="请输入..."
+                      maxlength="1000"
+                      show-word-limit/>
+          </el-form-item>
+          <el-form-item label="题目类型" prop="type">
+            <el-radio-group v-model="form.type" @change="radioChange">
+              <el-radio label="1">单选题</el-radio>
+              <el-radio label="2">多选题</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="题目选项" prop="items">
+            <el-row type="flex" justify="space-between" v-for="(question,index) in form.items" :key="index">
+              <label>{{map(index)}}</label>
+              <div style="width: 500px">
+                <el-form-item :prop="'items.' + index + '.content'"
+                              :rules="[{ required: true, message: '选项不能为空', trigger: 'blur' }]">
+                  <el-input placeholder="请输入选项内容" size="small" v-model="question.content" clearable></el-input>
+                </el-form-item>
+              </div>
+              <el-checkbox :value="question.checked" @change="handleChange(index)">设为答案</el-checkbox>
+              <el-button type="text" icon="iconfont iconDelete" style="margin-top: 6px;"
+                          :disabled="form.items.length<=1" @click="handleDel(index)"></el-button>
+            </el-row>
+            <el-button type="text" @click="handleAdd" v-if="form.items && form.items.length<7">添加选项</el-button>
+          </el-form-item>
+          <el-form-item label="答案解析" prop="analysis">
+            <ai-editor v-model="form.analysis" :instance="instance"/>
+          </el-form-item>
+        </el-form>
+      </ai-card>
+      <!--详情-->
+      <ai-card  class="village_detail" v-else :title="form.title">
+        <template #content>
           <ai-wrapper :columnsNumber="2" label-width="80px">
             <ai-info-item label="题目类型：">{{form.type==1?'单选题':'多选题'}}</ai-info-item>
             <ai-info-item label="正确答案：">
@@ -55,17 +54,17 @@
               <span v-html="form.analysis"></span>
             </ai-info-item>
           </ai-wrapper>
-        </div>
-      </template>
-      <template #footer>
-        <template v-if="isEdit">
-          <el-button size="small" @click="$emit('back')">取消</el-button>
-          <el-button type="primary" size="small" @click="saveAdd(1)">保存
-          </el-button>
         </template>
+      </ai-card>
+    </template>
+    <template #footer>
+      <template v-if="isEdit">
+        <el-button size="small" @click="$emit('back')">取消</el-button>
+        <el-button type="primary" size="small" @click="saveAdd(1)">保存
+        </el-button>
       </template>
-    </ai-detail>
-  </section>
+    </template>
+  </ai-detail>
 </template>
 
 <script>
@@ -100,7 +99,7 @@
           }]
         },
         rules: {
-          title: [{required: true, message: "请填写标题"}],
+          title: [{required: true, message: "请填写题目描述"}],
           type: [{required: true, message: "请选择类型"}],
           items: [{required: true, message: ""}],
           analysis: [{required: true, message: "请填写答案解析"}],