From 530c8412f913408c5634c747be0efe4c4cd59581 Mon Sep 17 00:00:00 2001
From: caoqianming <caoqianming@foxmail.com>
Date: Thu, 13 Jun 2024 11:17:47 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4papercreate=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/views/exam/testPaperCreate.vue | 31 ++++++++++++-----------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/client/src/views/exam/testPaperCreate.vue b/client/src/views/exam/testPaperCreate.vue
index 97e46b6..f401d0c 100644
--- a/client/src/views/exam/testPaperCreate.vue
+++ b/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() {