浏览代码

框架修改,form提交按钮自定义

lrf402788946 5 年之前
父节点
当前提交
f1adc026a4
共有 3 个文件被更改,包括 40 次插入1 次删除
  1. 4 0
      components/form.md
  2. 5 1
      components/form.vue
  3. 31 0
      config/menu-config.js

+ 4 - 0
components/form.md

@@ -23,6 +23,9 @@
 ###### data
 > 任意类型 原数据
 
+###### needSave
+> Boolean类型 default=>true 需不需要保存按钮
+
 ##### slot
 >
 |插槽名|说明|
@@ -31,6 +34,7 @@
 |radios|fields中type为radio的,选项都写在这个插槽中,多个radio则需要区分radios所属问题|
 |checkbox|fields中type为checkbox的,选项都写在这个插槽中,多个checkbox则需要区分checkboxs所属问题|
 |custom|自定义插槽,完全自己去写|
+|submit|提交按钮部分,当needSave为false时才可以使用|
 >>关于自定义的用法:
 >>在fields中,custom:true的情况即需要自定义,写法如下
 

+ 5 - 1
components/form.vue

@@ -58,13 +58,16 @@
           </el-form-item>
         </template>
       </template>
-      <el-form-item>
+      <el-form-item v-if="needSave">
         <el-row type="flex" align="middle" justify="space-around">
           <el-col :span="6">
             <el-button type="primary" @click="save">保存</el-button>
           </el-col>
         </el-row>
       </el-form-item>
+      <el-form-item v-else>
+        <slot name="submit"></slot>
+      </el-form-item>
     </el-form>
   </div>
 </template>
@@ -80,6 +83,7 @@ export default {
     isNew: { type: Boolean, default: true },
     data: null,
     styles: { type: Object, default: () => {} },
+    needSave: { type: Boolean, default: true },
   },
   components: {
     wangEditor,

+ 31 - 0
config/menu-config.js

@@ -76,4 +76,35 @@ export const devMenu = [
       { path: '/itembank/index', name: '题库管理' },
     ],
   },
+
+  {
+    path: '',
+    name: '测试',
+    module: 'school',
+    children: [
+      {
+        path: '/list',
+        name: '测试列表',
+      },
+      {
+        path: '/detail',
+        name: '测试详情',
+      },
+    ],
+  },
+  {
+    path: '/plan/list',
+    name: '计划管理', //上报名单
+    module: 'school',
+  },
+  {
+    path: '/teacher/list',
+    name: '教师确认',
+    module: 'school',
+  },
+  {
+    path: '/leave/list',
+    name: '请假管理',
+    module: 'school',
+  },
 ];