From 049200c90b74634361a21ccfb0a0957eb9fe9f8c Mon Sep 17 00:00:00 2001
From: kbing1981 <549711992@qq.com>
Date: Tue, 27 Aug 2024 16:21:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/kc/wjxCswj/WjxCywjV2List.vue | 87 +++++++++++++++++---------
 1 file changed, 57 insertions(+), 30 deletions(-)

diff --git a/src/views/kc/wjxCswj/WjxCywjV2List.vue b/src/views/kc/wjxCswj/WjxCywjV2List.vue
index dd12fb7..f1db9c5 100644
--- a/src/views/kc/wjxCswj/WjxCywjV2List.vue
+++ b/src/views/kc/wjxCswj/WjxCywjV2List.vue
@@ -28,7 +28,7 @@
               >
             </a-col>
             <a-col :span="6" style="text-align: right; padding: 5px 0 0 0">
-              <a @click="handleAddZycs" class="ant-btn buttonClass mar-right20"><Icon icon="ant-design:file-add-outlined" />新增测验</a>
+              <a-button type="primary" @click="handleAddZycs" class="mar-right20"><Icon icon="ant-design:file-add-outlined" />新增测验</a-button>
             </a-col>
           </a-row>
         </a-col>
@@ -53,9 +53,9 @@
         </a-col>
         <a-col :span="24" style="margin-top: 30px; font-size: 18px">
           <div style="text-align: center">
-            <a-button class="buttonClass" @click="handleBatchAdd"><Icon icon="ant-design:save-outlined" />保存</a-button>
+            <a-button type="primary" @click="handleBatchAdd"><Icon icon="ant-design:save-outlined" />保存</a-button>
             <a-divider type="vertical" />
-            <a-button class="buttonClass" @click="reloadZy"><Icon icon="ant-design:export-outlined" style="margin-right: 10px" />返回</a-button>
+            <a-button type="primary"  @click="reloadZy"><Icon icon="ant-design:export-outlined" style="margin-right: 10px" />返回</a-button>
           </div>
         </a-col>
       </a-row>
@@ -432,7 +432,7 @@
               <span class="title">统计分析</span>
             </a-col>
             <a-col :span="4" style="text-align: right">
-              <a-button class="buttonClass" @click="reloadZy"><Icon icon="ant-design:export-outlined" />返回</a-button>
+              <a-button class="buttonClass" @click="reloadZy" style="margin-right:10px"><Icon icon="ant-design:export-outlined" />返回</a-button>
             </a-col>
           </a-row>
           <a-divider />
@@ -552,9 +552,9 @@
       <a-row>
         <a-col :span="24"><span class="title">布置测验</span><a-divider /></a-col>
         <a-col :span="24" style="text-align: right; margin-top: 5px">
-          <a @click="handleShowType(1)" class="ant-btn buttonClass"><Icon icon="ant-design:edit-outlined" />修改课程测验次数</a>
+          <a-button type="primary" @click="handleShowType(1)"><Icon icon="ant-design:edit-outlined" />修改课程测验次数</a-button>
           <a-divider type="vertical" />
-          <a @click="handleAddOne" class="ant-btn buttonClass mar-right20"><Icon icon="ant-design:file-add-outlined" />新增测验</a>
+          <a-button type="primary" @click="handleAddOne" class="mar-right20"><Icon icon="ant-design:file-add-outlined" />新增测验</a-button>
         </a-col>
         <a-col :span="24">
           <a-row style="padding: 10px">
@@ -562,9 +562,9 @@
               <!-- :title="'11第' + item.sort + '次测验(占比' + item.score + '%)'" -->
               <!-- class="cardClass" -->
               <a-card v-if="!item.endTime" bodyStyle="background: #fff;">
-                <template #title>第{{ item.sort }}次测验：暂未设置测验信息 </template>
+                <template #title>第{{ item.sort }}次测验：暂未设置测验信息 <span class="card-label3"> 待设置</span> </template>
                 <template #extra
-                  ><span style="color: #ff8710; font-weight: bold"><Icon icon="ant-design:setting-outlined" /> 待设置</span>
+                  >
                 </template>
                 <!-- <p class="sznrClass">尚未布置测验题目及具体要求</p> -->
                 <a-row>
@@ -629,28 +629,29 @@
                   </a-col>
                   <a-col :span="6">
                     <div style="text-align: right">
-                      <a @click="handleEdit(item, false)">设置测验内容及要求</a>
+                      <a @click="handleEdit(item, false)" class="ant-dropdown-link">设置测验内容及要求</a>
                       <a-divider type="vertical" />
-                      <a @click="handleDelete(item)">删除</a>
+                      <a @click="handleDelete(item)" class="ant-dropdown-link">删除</a>
                     </div>
                   </a-col>
                 </a-row>
               </a-card>
 
-              <a-card v-if="item.endTime && item.qpublish == '1'" bodyStyle="background: #fff;">
+              <a-card v-if="item.endTime && item.qpublish == '1'" bodyStyle="">
                 <template #title>
                   <span>第{{ item.sort }}次测验：{{ item.title }}</span>
+                  <span class="card-label">已发布</span>
                 </template>
                 <template #extra>
                   <span>ID:{{ item.id }}</span>
-                  <span style="margin-left: 10px; color: #02aa56; font-weight: bold"><Icon icon="ant-design:check-outlined" />已发布</span>
+                  
                   <span style="margin-left: 10px">{{ dayjs(item.endTime).format('MM.DD HH:mm') }}</span>
                 </template>
                 <a-row>
                   <a-col :span="20">
                     <span style="margin-left: 10px">
                       <a-dropdown>
-                        <a class="ant-dropdown-link" @click.prevent> <Icon icon="ant-design:form-outlined" />设计测验 </a>
+                        <a class="ant-dropdown-link" @click.prevent> <Icon icon="ant-design:form-outlined" /> 设计测验 </a>
                         <template #overlay>
                           <a-menu>
                             <a-menu-item>
@@ -669,7 +670,7 @@
                     <span style="margin-left: 30px">
                       <a-dropdown>
                         <a class="ant-dropdown-link" @click.prevent
-                          ><Icon icon="ant-design:setting-outlined" @click="handleViewEwm(item)" /><span @click="handleViewEwm(item)">发送问卷</span>
+                          ><Icon icon="ant-design:setting-outlined" @click="handleViewEwm(item)" /><span @click="handleViewEwm(item)"> 发送问卷</span>
                         </a>
                         <template #overlay>
                           <a-menu>
@@ -689,11 +690,11 @@
                     </span>
                     <span style="margin-left: 30px">
                       <a-dropdown>
-                        <a class="ant-dropdown-link" @click.prevent><Icon icon="ant-design:audit-outlined" />答题结果 </a>
+                        <a class="ant-dropdown-link" @click.prevent><Icon icon="ant-design:audit-outlined" /> 答题结果 </a>
                         <template #overlay>
                           <a-menu>
                             <a-menu-item>
-                              <a href="javascript:;" @click="handleTeaDtjg(item)">答题结果</a>
+                              <a href="javascript:;" @click="handleTeaDtjg(item)"> 答题结果</a>
                             </a-menu-item>
                           </a-menu>
                         </template>
@@ -701,7 +702,7 @@
                     </span>
                     <span style="margin-left: 30px">
                       <a-dropdown>
-                        <a class="ant-dropdown-link" @click.prevent><Icon icon="ant-design:line-chart-outlined" />测验结果 </a>
+                        <a class="ant-dropdown-link" @click.prevent><Icon icon="ant-design:line-chart-outlined" /> 测验结果 </a>
                         <template #overlay>
                           <a-menu>
                             <a-menu-item>
@@ -728,17 +729,17 @@
               <a-card v-if="item.endTime && item.qpublish == '0'" bodyStyle="background: #fff;">
                 <template #title>
                   <span>第{{ item.sort }}次测验：{{ item.title }}</span>
+                  <span class="card-label3" >待发布</span>
                 </template>
                 <template #extra>
                   <span>ID:{{ item.id }}</span>
-                  <span style="margin-left: 10px; color: #ff8710; font-weight: bold"><Icon icon="ant-design:send-outlined" />待发布</span>
                   <span style="margin-left: 10px">{{ dayjs(item.endTime).format('MM.DD HH:mm') }}</span>
                 </template>
                 <a-row>
                   <a-col :span="18">
                     <span style="margin-left: 10px">
                       <a-dropdown>
-                        <a class="ant-dropdown-link" @click.prevent><Icon icon="ant-design:form-outlined" />设计测验 </a>
+                        <a class="ant-dropdown-link" @click.prevent><Icon icon="ant-design:form-outlined" /> 设计测验 </a>
                         <template #overlay>
                           <a-menu>
                             <a-menu-item>
@@ -1701,19 +1702,15 @@ onMounted(() => {
 }
 .ant-card {
   box-sizing: border-box;
-  margin: 2px 0;
-  padding: 0;
-  color: rgb(0 0 0);
-  font-size: 14px;
-  font-variant: tabular-nums;
-  line-height: 1.5715;
-  list-style: none;
-  font-feature-settings: tnum;
-  position: relative;
-  border-radius: 5px;
-  border: 1px solid #dadada;
+  border-radius:5px;
+  border:1px solid #e6e6e6;
+  margin: 6px 0;
   background: #fff;
 }
+
+.ant-card:hover{
+  box-shadow: 2px 2px 10px 1px #d4d4d4;
+}
 .ant-card-head {
   min-height: 48px;
   margin-bottom: -1px;
@@ -1901,4 +1898,34 @@ onMounted(() => {
   color: #ff8710;
   font-weight: bold;
 }
+.ant-dropdown-link{
+  color: #029c88;
+}
+.ant-dropdown-link:hover{
+  color: #333;
+}
+.card-label{
+  background: #81cbbc;
+  border-radius:4px;
+  color: #fff;
+  padding: 3px 6px;
+  margin-left: 10px;
+  font-size: 12px;
+}
+.card-label2{
+  background: #84c4fa;
+  border-radius:4px;
+  color: #fff;
+  padding: 3px 6px;
+  margin-left: 10px;
+  font-size: 12px;
+}
+.card-label3{
+  background: #fabe84;
+  border-radius:4px;
+  color: #fff;
+  padding: 3px 6px;
+  margin-left: 10px;
+   font-size: 12px;
+}
 </style>