From d09a3b67ba536b6f08fd7d5a896b76dabdc960e9 Mon Sep 17 00:00:00 2001
From: Aaron <427787340@qq.com>
Date: Fri, 26 Jul 2019 11:05:14 +0800
Subject: [PATCH] Scheme支持追加按钮

---
 examples/views/docs/scheme.md |  2 ++
 packages/detail/index.vue     |  2 +-
 packages/scheme/index.vue     | 10 ++++++++--
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/examples/views/docs/scheme.md b/examples/views/docs/scheme.md
index 42c1de6..4b0518a 100644
--- a/examples/views/docs/scheme.md
+++ b/examples/views/docs/scheme.md
@@ -11,6 +11,8 @@ Scheme是一个数据驱动的解决方案，通过既定的业务配置参数�
 ```html
 <template>
   <eagle-scheme :list="schemeList">
+    <el-button slot="action-button" type="success" plain size="small">启用</el-button>
+    <el-button slot="action-button" type="danger" plain size="small">禁用</el-button>
     <el-table-column type="selection" width="50" align="center"></el-table-column>
     <template #table-status="{ setDialog }">
       <el-table-column prop="status" label="激活状态" min-width="120">
diff --git a/packages/detail/index.vue b/packages/detail/index.vue
index 0f01a3d..cb79745 100644
--- a/packages/detail/index.vue
+++ b/packages/detail/index.vue
@@ -32,7 +32,7 @@
             <el-col :key="index + 'data'" :span="!item.span ? span : item.span">
               <el-form-item :label="item.label" :label-width="item.label ? undefined : item.labelWidth || '0px'" :prop="item.key">
                 <slot v-if="$scopedSlots[`item-${item.key}`] || $slots[`item-${item.key}`]" :name="`item-${item.key}`" :model="model" v-bind="item"></slot>
-                <label v-else><b>{{ model[item.key] }}</b></label>
+                <label v-else>{{ model[item.key] }}</label>
               </el-form-item>
             </el-col>
           </template>
diff --git a/packages/scheme/index.vue b/packages/scheme/index.vue
index 691e9ae..ce97662 100644
--- a/packages/scheme/index.vue
+++ b/packages/scheme/index.vue
@@ -60,7 +60,8 @@
     <!-- 操作按钮栏 -->
     <div v-if="!option.showActionBar" class="eagle-scheme__action" v-loading="tableLoading" element-loading-spinner="none" element-loading-background="rgba(255, 255, 255, 0.6)">
       <el-button class="eagle-scheme__action-btn" type="primary" size="small" @click="handleNew">新增</el-button>
-      <el-button v-if="hasSelectionSlot" class="eagle-scheme__action-btn" plain size="small" @click="handleDelete('more')">删除</el-button>
+      <el-button v-if="hasSelectionSlot" :disabled="tableSelection && tableSelection.length <= 0" class="eagle-scheme__action-btn" plain size="small" @click="handleDelete('more')">删除</el-button>
+      <slot v-if="$scopedSlots['action-button'] || $slots['action-button']" name="action-button" class="eagle-scheme__action-btn" :model="formModel" :selection="tableSelection" :setDialog="setDialog"></slot>
       <div v-if="hasSelectionSlot && tableSelection && tableSelection.length > 0" class="eagle-scheme__action-btn eagle-scheme__text-selection">已选中<span class="eagle-scheme__text-selection-highlight">{{ tableSelection.length }}</span>项</div>
     </div>
     <div class="eagle-scheme__table">
@@ -364,9 +365,14 @@ export default {
       this.dialogType = '';
     },
     // 设置弹出框模式
-    setDialog({ title, type }) {
+    setDialog({ title, type, model }) {
       this.dialogTitle = title;
       this.dialogType = type;
+      if (model) {
+        Object.keys(model).forEach(key => {
+          this.formModel[key] = model[key];
+        });
+      }
       this.dialogVisible = true;
     }
   }
--
libgit2 0.21.0