src/views/research-mobile/detail.vue

@@ -15,22 +15,24 @@
       <Notes ref="notes" class="mt5" />
     </div>
     <div class="d_footer">
-      <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>
+      <!-- 保存 -->
+      <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>
   </div>
 </template>
@@ -183,34 +185,6 @@ 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
   }