From ac6dde089ff3b6aaa7072ad111f239b23c81f1e9 Mon Sep 17 00:00:00 2001
From: kbing1981 <549711992@qq.com>
Date: Mon, 26 Aug 2024 15:36:42 +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/zy/zyInfo/ZyInfoV2List.vue | 38 +++++++++++++++++++---------
 1 file changed, 26 insertions(+), 12 deletions(-)

diff --git a/src/views/zy/zyInfo/ZyInfoV2List.vue b/src/views/zy/zyInfo/ZyInfoV2List.vue
index dac367e..ead3c45 100644
--- a/src/views/zy/zyInfo/ZyInfoV2List.vue
+++ b/src/views/zy/zyInfo/ZyInfoV2List.vue
@@ -439,13 +439,12 @@
           <a @click="handleAddOne" class="ant-btn buttonClass mar-right20"><Icon icon="ant-design:file-add-outlined" />新增作业</a>
         </a-col>
         <a-col :span="24">
-          <a-row style="padding: 10px">
-            <a-col :lg="24" v-for="(item, index) in tableData" style="padding: 0 5px 5px 5px" :key="index">
+          <a-row style="padding: 10px;">
+            <a-col :lg="24" v-for="(item, index) in tableData" style="padding: 0 5px 12px 5px;border-radius:5px;" :key="index">
               <a-card
                 :title="'第' + item.sort + '次作业(占比' + item.score + '%)'"
                 v-if="!item.endTime"
-                class="cardClass"
-                bodyStyle="background: #fff;"
+                class="cardClass module-bg" 
               >
                 <template #extra
                   ><span style="color: #ff8710; font-weight: bold"><Icon icon="ant-design:setting-outlined" /> 待设置</span>
@@ -460,8 +459,7 @@
               <a-card
                 :title="'第' + item.sort + '次作业(占比' + item.score + '%)'"
                 v-if="item.endTime && item.zyStatus == '1'"
-                class="cardClass"
-                bodyStyle="background: #fff;"
+                class="cardClass module-bg"
               >
                 <template #extra
                   ><span style="color: #02aa56; font-weight: bold"><Icon icon="ant-design:check-outlined" />已发布</span>
@@ -491,12 +489,12 @@
                   <div class="ellip-word"><span class="ellip-word2">作业截止时间：</span>{{ dayjs(item.endTime).format('YYYY.MM.DD HH:mm') }}</div>
                 </div>
                 <div style="text-align: right; margin-top: 20px; margin-bottom: -10px; width: 100%">
-                  <a @click="handleEdit(item, true)" v-if="item.ytjnum > 0">编辑作业</a>
-                  <a @click="handleChehui(item)" v-if="item.ytjnum == 0">撤回作业</a>
+                  <a @click="handleEdit(item, true)" v-if="item.ytjnum > 0" class="home-status" ><Icon icon="ant-design:form-outlined" />编辑作业</a>
+                  <a @click="handleChehui(item)" v-if="item.ytjnum == 0" class="home-status"><Icon icon="ant-design:import-outlined" />撤回作业</a>
                   <a-divider type="vertical" />
-                  <a @click="handleZyxx(item, '')">批阅作业</a>
+                  <a @click="handleZyxx(item, '')" class="home-status"><Icon icon="ant-design:file-done-outlined" />批阅作业</a>
                   <a-divider type="vertical" />
-                  <a @click="handleDelete(item)" v-if="item.ytjnum == '0'">删除</a>
+                  <a @click="handleDelete(item)" v-if="item.ytjnum == '0'" class="home-status"><Icon icon="ant-design:delete-outlined" />删除</a>
                 </div>
                 </div>
               </a-card>
@@ -1606,9 +1604,13 @@ onMounted(() => {
   font-feature-settings: tnum;
   position: relative;
   border-radius: 5px;
-  border: 1px solid #dadada;
+  border: 1px solid #f0f0f0;
   background: #f7f7f7;
 }
+.ant-card:hover{
+   box-sizing: border-box;
+   box-shadow: 2px 2px 10px 1px #d4d4d4;
+}
 .ant-card-head {
   min-height: 48px;
   margin-bottom: -1px;
@@ -1648,13 +1650,14 @@ onMounted(() => {
 .zuanqu:hover {
   cursor: pointer;
   color: #18a689;
+  background: #eff6f4;
 }
 .data-suggest {
   display: flex;
   flex-direction: column;
   text-align: center;
   width: 25%;
-  margin-right: 3px;
+  margin-right:5px;
   padding: 8px 3px;
   border-radius: 5px;
   background: #f7f7f7;
@@ -1732,4 +1735,15 @@ onMounted(() => {
   border-left: 5px solid #029c88;
   margin-bottom: 20px;
 }
+.module-bg{
+  background: #fff;
+  border-radius:6px;
+  ;
+}
+.home-status{
+  color: #1ab394;
+}
+.home-status:hover{
+  color: #333;
+}
 </style>