From c4381a0eb22d9bab8b054332d98ad2772495e114 Mon Sep 17 00:00:00 2001
From: caiyiling <1321909229@qq.com>
Date: Mon, 8 Jul 2024 13:12:22 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AD=E5=BF=83=E8=B0=83=E7=A0=94=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/research-mobile/detail.vue | 62 ++++++++++++++++++++--------
 1 file changed, 44 insertions(+), 18 deletions(-)

diff --git a/src/views/research-mobile/detail.vue b/src/views/research-mobile/detail.vue
index 25e22c71..d69554c1 100644
--- a/src/views/research-mobile/detail.vue
+++ b/src/views/research-mobile/detail.vue
@@ -15,24 +15,22 @@
       <Notes ref="notes" class="mt5" />
     </div>
     <div class="d_footer">
-      <!-- 保存 -->
-      <el-button
-        v-if="state === 0 && userTypeEnumInt === 0 "
-        type="primary"
-        size="large"
-        @click="handleSave"
-      >
-        {{ $t('common:button:save') }}
-      </el-button>
-      <!-- 提交 -->
-      <el-button
-        v-if="(state === 0 && userTypeEnumInt === 0)"
-        type="primary"
-        size="large"
-        @click="handleSubmit('submit')"
-      >
-        {{ $t('trials:researchForm:button:submit') }}
-      </el-button>
+      <div class="d_func_row">
+        <div
+          v-if="state === 0 && userTypeEnumInt === 0"
+          class="d_func"
+          @click="handleSave"
+        >
+          {{ $t('common:button:save') }}
+        </div>
+        <div
+          v-if="(state === 0 && userTypeEnumInt === 0)"
+          class="d_func"
+          @click="handleSubmit('submit')"
+        >
+          {{ $t('trials:researchForm:button:submit') }}
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -185,6 +183,34 @@ export default {
     text-align: center;
     padding: 20px;
   }
+  .d_func_row{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+  }
+  .d_func{
+    flex: 1;
+    margin: 20px;
+    color: #fff;
+    background-color: #428bca;
+    border-color: #428bca;
+    padding: 12px 20px;
+    font-size: 14px;
+    border-radius: 4px;
+    transition: .1s;
+    font-weight: 500;
+    box-sizing: border-box;
+    outline: 0;
+    text-align: center;
+    line-height: 1;
+    white-space: nowrap;
+    cursor: pointer;
+    &:hover{
+      background: #68a2d5;
+      border-color: #68a2d5;
+      color: #fff;
+    }
+  }
   .mt5{
     margin-top: 5px
   }