feat: 调整papercreate页面样式

client/src/views/exam/testPaperCreate.vue

@@ -1,8 +1,8 @@
 <template>
     <div class="app-container">
-      <el-row>
+      <el-row :gutter="6">
         <el-col :span="8">
-          <h3>基本信息</h3>
+          <el-card header="试卷信息">
           <el-form :model="Form" :rules="rules" ref="Form" label-width="100px" status-icon>
             <el-form-item label="名称" prop="name">
               <el-input v-model="Form.name" style="width:80%"></el-input>
@@ -42,9 +42,10 @@
               <el-button type="warning" @click="goBack()">返回</el-button>
             </el-form-item>
           </el-form>
+         </el-card>
         </el-col>
         <el-col :span="16">
-          <h3>选题信息</h3>
+          <el-card header="试题信息">
           <!-- <div> -->
           <div style="display: flex;">
           <el-button type="primary" @click="handleChoose" icon="el-icon-plus" style="margin-right: 10px;">选择试题</el-button>     
@@ -86,21 +87,20 @@
           </div>
         </el-dialog>
           </div>
-          <div v-for="(item, index) in questions">
-            <h4>
-              <el-button
-                type="danger"
-                size="small"
-                @click="handleDelete(index)"
-                icon="el-icon-delete"
-              ></el-button>
-              {{ index+1 }} -
+          <el-card style="margin-top: 4px" shadow="never" v-for="(item, index) in questions" v-bind:key="index">
+            <div slot="header" style="display: flex;">
+              <span>第{{ index+1 }}题</span>
+              <el-link style="margin-left: auto; margin-right: 8px" type="primary" @click="handleEdit(index)" icon="el-icon-edit"></el-link>
+              <el-link style="margin-right: 4px" type="danger" @click="handleDelete(index)" icon="el-icon-delete"></el-link>
+            </div>
+            <div style="font-weight: bold;">
               <el-tag>{{item.type}}</el-tag>
               {{ item.name }}
               <span>(正确答案:{{item.right}})</span>
-            </h4>
-            <div v-for="(value, name) in item.options">{{ name }}: {{ value }}</div>
-          </div>
+            </div>
+            <div style="font-size: 14px;" v-for="(value, name) in item.options">{{ name }}: {{ value }}</div>
+          </el-card>
+        </el-card>
         </el-col>
       </el-row>
       <Questionchoose v-bind:chooseVisible="chooseVisible" @closeDg="closeDg" @choseQ="choseQ"></Questionchoose>
@@ -110,6 +110,7 @@
   import { getQuestioncatList, createPaper, UploadPaper } from "@/api/exam";
   import Questionchoose from "@/views/exam/questionChoose";
   import { upUrl, upHeaders } from "@/api/file";
+  import { VueDraggable } from 'vue-draggable-plus';
   export default {
     components: { Questionchoose },
     data() {