lrf402788946 5 yıl önce
ebeveyn
işleme
6d5dcbd47e
3 değiştirilmiş dosya ile 21 ekleme ve 3 silme
  1. 4 0
      components/form.md
  2. 7 2
      components/form.vue
  3. 10 1
      layout/register/login.vue

+ 4 - 0
components/form.md

@@ -15,6 +15,10 @@
 |custom|Boolean|`-`|否|是否使用自定义插槽|
 |tip|String|`-`|否|提示语,例如:请输入11位电话号码|
 |labelWidth|String|`120px`|否|表单label宽度,element的,默认120px|
+|useEnter|Boolean|true|否|是否使用回车提交|
+
+###### submitText
+> String 非必填 默认值: 保存 提交按钮的文字
 
 ###### rules
 > object类型 非必填 校验规则,不会找el-form的例子,不过使用的async-validator这个依赖为基础,会写这个也可以~~(那就厉害了,反正我是不行)~~

+ 7 - 2
components/form.vue

@@ -42,7 +42,11 @@
                   <wang-editor v-model="form[item.model]"></wang-editor>
                 </template>
                 <template v-else-if="item.type === 'text'">
-                  {{ form[item.model] }}
+                  <el-row>
+                    <el-col :span="24">
+                      {{ form[item.model] }}
+                    </el-col>
+                  </el-row>
                 </template>
                 <template v-else>
                   <el-input
@@ -64,7 +68,7 @@
       <el-form-item v-if="needSave" class="btn">
         <el-row type="flex" align="middle" justify="space-around">
           <el-col :span="6">
-            <el-button type="primary" @click="save">登录</el-button>
+            <el-button type="primary" @click="save">{{ submitText }}</el-button>
           </el-col>
         </el-row>
       </el-form-item>
@@ -89,6 +93,7 @@ export default {
     needSave: { type: Boolean, default: true },
     labelWidth: { type: String, default: '120px' },
     useEnter: { type: Boolean, default: true },
+    submitText: { type: String, default: '保存' },
   },
   components: {
     wangEditor,

+ 10 - 1
layout/register/login.vue

@@ -14,7 +14,16 @@
             <el-col :span="24">
               <el-tabs v-model="activeName" type="border-card" :stretch="true">
                 <el-tab-pane label="账号登录" name="first">
-                  <data-form :data="{}" :fields="fields" :rules="rules" @save="handleSave" :isNew="true" label-width="80px" :styles="{}"> </data-form>
+                  <data-form
+                    :data="{}"
+                    :fields="fields"
+                    :rules="rules"
+                    @save="handleSave"
+                    :isNew="true"
+                    label-width="80px"
+                    :styles="{}"
+                    submitText="登陆"
+                  ></data-form>
                 </el-tab-pane>
                 <el-tab-pane label="扫码登录" name="second">
                   扫码登录