25804

packages/3.0.0/AppQuestionBank/components/questionBankAdd.vue

@@ -1,11 +1,10 @@
 <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">
+      <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"
@@ -36,10 +35,10 @@
             <ai-editor v-model="form.analysis" :instance="instance"/>
           </el-form-item>
         </el-form>
-        </div>
+      </ai-card>
       <!--详情-->
-        <div class="village_detail" v-else>
-          <div style="text-align: left;margin-bottom: 16px;">{{form.title}}</div>
+      <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,7 +54,8 @@
               <span v-html="form.analysis"></span>
             </ai-info-item>
           </ai-wrapper>
-        </div>
+        </template>
+      </ai-card>
     </template>
     <template #footer>
       <template v-if="isEdit">
@@ -65,7 +65,6 @@
       </template>
     </template>
   </ai-detail>
-  </section>
 </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: "请填写答案解析"}],