From 6e2bfe93ace2564dd72ad91d101b6b7eac479d4e Mon Sep 17 00:00:00 2001
From: hupeng <guchengwuyue@163.com>
Date: Wed, 8 Jan 2020 16:41:17 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E7=BD=AEgit=E5=BF=BD=E7=95=A5?=
 =?UTF-8?q?=E5=A4=A7=E5=B0=8F=E5=86=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Iframe/index.vue         | 30 +++++++++++++++++++++++++
 src/components/Permission/index.js      | 13 +++++++++++
 src/components/Permission/permission.js | 21 +++++++++++++++++
 3 files changed, 64 insertions(+)
 create mode 100644 src/components/Iframe/index.vue
 create mode 100644 src/components/Permission/index.js
 create mode 100644 src/components/Permission/permission.js

diff --git a/src/components/Iframe/index.vue b/src/components/Iframe/index.vue
new file mode 100644
index 0000000..9f395a3
--- /dev/null
+++ b/src/components/Iframe/index.vue
@@ -0,0 +1,30 @@
+<template>
+  <div v-loading="loading" :style="'height:'+ height">
+    <iframe :src="src" frameborder="no" style="width: 100%;height: 100%" scrolling="auto" />
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    src: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      height: document.documentElement.clientHeight - 94.5 + 'px;',
+      loading: true
+    }
+  },
+  mounted: function() {
+    setTimeout(() => {
+      this.loading = false
+    }, 230)
+    const that = this
+    window.onresize = function temp() {
+      that.height = document.documentElement.clientHeight - 94.5 + 'px;'
+    }
+  }
+}
+</script>
diff --git a/src/components/Permission/index.js b/src/components/Permission/index.js
new file mode 100644
index 0000000..e5dadd3
--- /dev/null
+++ b/src/components/Permission/index.js
@@ -0,0 +1,13 @@
+import permission from './permission'
+
+const install = function(Vue) {
+  Vue.directive('permission', permission)
+}
+
+if (window.Vue) {
+  window['permission'] = permission
+  Vue.use(install); // eslint-disable-line
+}
+
+permission.install = install
+export default permission
diff --git a/src/components/Permission/permission.js b/src/components/Permission/permission.js
new file mode 100644
index 0000000..e731ebf
--- /dev/null
+++ b/src/components/Permission/permission.js
@@ -0,0 +1,21 @@
+import store from '@/store'
+
+export default {
+  inserted(el, binding, vnode) {
+    const { value } = binding
+    const roles = store.getters && store.getters.roles
+    if (value && value instanceof Array && value.length > 0) {
+      const permissionRoles = value
+
+      const hasPermission = roles.some(role => {
+        return permissionRoles.includes(role)
+      })
+
+      if (!hasPermission) {
+        el.parentNode && el.parentNode.removeChild(el)
+      }
+    } else {
+      throw new Error(`使用方式： v-permission="['admin','editor']"`)
+    }
+  }
+}