[feat] improve embed event dialog

pages/event/embedEvent.vue

@@ -1,11 +1,15 @@
 <template lang='pug'>
-el-row
-  el-col(:span='12')
+el-row(:gutter='10')
+  el-col(:span='12' :xs='24')
+    el-alert.mb-1.mt-1(type='info' show-icon) {{$t('common.embed_help')}}
     el-input(v-model='code')
-  el-col(:span='12' v-html='code')
+      el-button(slot='append' v-clipboard:copy='code' v-clipboard:success='copyLink'
+        plain type="primary" icon='el-icon-document') {{$t("common.copy")}}
+  el-col.mt-2(:span='12' :xs='24' v-html='code')
 </template>
 <script>
 import { mapState } from 'vuex'
+import { Message } from 'element-ui'
 
 export default {
   name: 'embedEvent',
@@ -18,6 +22,11 @@ export default {
       const code = `<iframe ${style} src="${src}"></iframe>`
       return code
     }
+  },
+  methods: {
+    copyLink () {
+      Message({ message: this.$t('common.copied'), type: 'success' })
+    }
   }
 }
 </script>