添加普通弹窗

examples/containers/NormalDialog.vue

+<template>
+  <list-layout>
+    <div class="components-demo-wrap">
+      <date-picker v-model="filters.dateTime" />
+    </div>
+    <div class="components-demo-wrap">
+      <date-range-picker v-model="filters.dateRange" />
+    </div>
+    <template slot="filterItem">
+      <el-button
+        type="primary"
+        @click="showcheck"
+      >确认框点击</el-button>
+    </template>
+    <normal-dialog
+      :visible.sync="dialogVisible"
+      :before-close="closeHandle"
+    >
+      <template slot="title">
+        <img src="@/assets/images/dialog/add_icon.png">
+        新增
+      </template>
+      sadasd
+      <div slot="footer">
+        <el-button type="primary">确定</el-button>
+        <el-button>取消</el-button>
+      </div>
+    </normal-dialog>
+  </list-layout>
+</template>
+
+<script>
+import Vue from "vue";
+import { Button } from "element-ui";
+
+Vue.component(Button.name, Button);
+
+export default {
+  name: "DialogPage",
+  data() {
+    return {
+      filters: {},
+      dialogVisible: false
+    };
+  },
+  methods: {
+    showcheck() {
+      this.dialogVisible = true;
+    },
+    closeHandle(done) {
+      done();
+    }
+  }
+};
+</script>

examples/route.js

@@ -5,7 +5,7 @@ import DatePicker from './containers/DatePicker.vue';
 import SearchItem from './containers/SearchItem.vue';
 import Pagination from './containers/Pagination.vue';
 import Dialog from './containers/Dialog.vue';
-
+import NormalDialog from './containers/NormalDialog.vue';
 import layoutIcon from '../src/assets/images/menu/home.png';
 
 Vue.use(Router);
@@ -65,6 +65,12 @@ export const routerMap = [
         component: Dialog,
         meta: { title: '弹窗' },
       },
+      {
+        path: 'NormalDialog',
+        name: 'NormalDialog',
+        component: NormalDialog,
+        meta: { title: '遮罩层弹窗' },
+      },
     ],
   },
 ];

package.json

 {
   "name": "rym-element-ui",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "任意门组件库",
   "main": "lib/rymUi.common.js",
   "scripts": {

src/components/Dialog/index.js

+import Dialog from './NormalDialog.vue';
+
+Dialog.install = Vue => {
+  Vue.component(Dialog.name, Dialog);
+};
+
+export default Dialog;

src/index.js

@@ -9,6 +9,7 @@ import TagsViews from './components/TagsViews/index';
 import Table from './components/Table/index';
 import TableColumn from './components/TableColumn/index';
 import MessageBox from './components/MessageBox/index';
+import Dialog from './components/Dialog/index';
 import { Option } from 'element-ui';
 
 const install = Vue => {
@@ -23,6 +24,7 @@ const install = Vue => {
   Vue.component(Table.name, Table);
   Vue.component(TableColumn.name, TableColumn);
   Vue.prototype.$mdAlert = MessageBox;
+  Vue.component(Dialog.name, Dialog);
   // Element-ui
   Vue.component(Option.name, Option);
   // input