From d8d837e85b98d67d67fc81d81c50090280d2213c Mon Sep 17 00:00:00 2001
From: Aaron <427787340@qq.com>
Date: Mon, 16 Dec 2019 15:16:03 +0800
Subject: [PATCH] Scheme支持配置操作栏宽度和左右

---
 examples/views/page/other.vue | 54 +++++++++++++++++++++++++++++++++++++++++++++++++++++-
 packages/scheme/index.vue     |  2 +-
 2 files changed, 54 insertions(+), 2 deletions(-)

diff --git a/examples/views/page/other.vue b/examples/views/page/other.vue
index 339e786..d43c1cd 100644
--- a/examples/views/page/other.vue
+++ b/examples/views/page/other.vue
@@ -1,5 +1,28 @@
 <template>
-  <div>这是一个非markdown页面</div>
+  <div>
+    <p>这是一个非markdown页面</p>
+    <el-form size="small">
+      <el-row :gutter="15" type="flex" style="flex-wrap: wrap;">
+        <template v-for="(item, index) in option.list2">
+          <el-col v-if="item.group && item.list" :key="index" :span="item.group.span || 24">
+            <el-row :gutter="15" type="flex" style="flex-wrap: wrap;">
+              <el-col :span="24">{{ item.group.title || item.group }}</el-col>
+              <el-col v-for="(comp, idx) in item.list" :key="idx" :span="comp.span || 12">
+                <el-form-item :label="comp.label" :label-width="comp.labelWidth || '120px'" :prop="comp.key" :rules="comp.rules">
+                  <component :is="comp.type"></component>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-col>
+          <el-col v-else :span="item.span || 12" :key="index">
+            <el-form-item :label="item.label" :label-width="item.labelWidth || '120px'" :prop="item.key" :rules="item.rules">
+              <component :is="item.type"></component>
+            </el-form-item>
+          </el-col>
+        </template>
+      </el-row>
+    </el-form>
+  </div>
 </template>
 
 <script>
@@ -7,6 +30,35 @@ export default {
   name: 'other',
   data() {
     return {
+      option: {
+        groups: ['basic', 'location'],
+        list: [
+          { type: 'el-input', label: '名称', key: 'name' },
+          { type: 'el-input', label: '地址', key: 'location' },
+        ],
+        list2: [
+          {
+            group: { title: 'basic', span: 12 },
+            list: [
+              { type: 'el-input', label: '名称', key: 'name' },
+              { type: 'el-input-number', label: '名称1', key: 'name1' },
+              { type: 'el-switch', label: '名称2', key: 'name2' },
+              { type: 'el-input', label: '名称3', key: 'name3' },
+            ],
+          },
+          {
+            group: 'location',
+            list: [
+              { type: 'el-input', label: '地址', key: 'location' },
+            ],
+          },
+          { type: 'el-input', label: '名称', key: 'name' },
+          { type: 'el-input', label: '地址', key: 'location' },
+          { type: 'el-input-number', label: '名称1', key: 'name1' },
+          { type: 'el-switch', label: '名称2', key: 'name2' },
+          { type: 'el-input', label: '名称3', key: 'name3' },
+        ]
+      }
     }
   },
   methods: {
diff --git a/packages/scheme/index.vue b/packages/scheme/index.vue
index 26f9a07..4e60f76 100644
--- a/packages/scheme/index.vue
+++ b/packages/scheme/index.vue
@@ -171,7 +171,7 @@
               && !$slots['table-operation-btn-append']
             )"
           >
-            <el-table-column slot="$end" prop="$operation" :label="i18n('eagle.scheme.operation') || '操作'" min-width="140" fixed="right">
+            <el-table-column slot="$end" prop="$operation" :label="i18n('eagle.scheme.operation') || '操作'" :min-width="option.operationWidth || 140" :fixed="option.operationFixed || 'right'">
               <div class="eagle-scheme__table-operation" slot-scope="slotScope">
                 <!-- 表格操作栏插槽 - 前置插槽 -->
                 <slot v-if="$scopedSlots['table-operation-btn'] || $slots['table-operation-btn']" name="table-operation-btn" :slotScope="slotScope" v-bind="slotMethod"></slot>
--
libgit2 0.21.0