Merge branch 'main' of https://gitea.frp.extimaging.com/XCKJ/irc_web

src/views/research-mobile/detail.vue

@@ -15,24 +15,22 @@
       <Notes ref="notes" class="mt5" />
     </div>
     <div class="d_footer">
-      <!-- 保存 -->
-      <el-button
+      <div class="d_func_row">
+        <div
           v-if="state === 0 && userTypeEnumInt === 0"
-        type="primary"
-        size="large"
+          class="d_func"
           @click="handleSave"
         >
           {{ $t('common:button:save') }}
-      </el-button>
-      <!-- 提交 -->
-      <el-button
+        </div>
+        <div
           v-if="(state === 0 && userTypeEnumInt === 0)"
-        type="primary"
-        size="large"
+          class="d_func"
           @click="handleSubmit('submit')"
         >
           {{ $t('trials:researchForm:button:submit') }}
-      </el-button>
+        </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
   }