✨ Z: Dot: Task/Bar: Create task dialog: Done.

ybf_admin/src/layout/header-aside/components/tabs/index.vue

@@ -59,26 +59,27 @@
 </template>
 
 <script>
-import { mapState, mapActions } from 'vuex'
-import Sortable from 'sortablejs'
-export default {
+  import {mapState, mapActions} from 'vuex'
+  import Sortable from 'sortablejs'
+
+  export default {
     components: {
       D2Contextmenu: () => import('../contextmenu'),
       D2ContextmenuList: () => import('../contextmenu/components/contentmenuList')
     },
-  data () {
+    data() {
       return {
         contextmenuFlag: false,
         contentmenuX: 0,
         contentmenuY: 0,
         contextmenuListIndex: [
-        { icon: 'times-circle', title: '关闭全部', value: 'all' }
+          {icon: 'times-circle', title: '关闭全部', value: 'all'}
         ],
         contextmenuList: [
-        { icon: 'arrow-left', title: '关闭左侧', value: 'left' },
-        { icon: 'arrow-right', title: '关闭右侧', value: 'right' },
-        { icon: 'times', title: '关闭其它', value: 'other' },
-        { icon: 'times-circle', title: '关闭全部', value: 'all' }
+          {icon: 'arrow-left', title: '关闭左侧', value: 'left'},
+          {icon: 'arrow-right', title: '关闭右侧', value: 'right'},
+          {icon: 'times', title: '关闭其它', value: 'other'},
+          {icon: 'times-circle', title: '关闭全部', value: 'all'}
         ],
         tagName: '/index'
       }
@@ -101,7 +102,7 @@ export default {
       /**
        * @description 右键菜单功能点击
        */
-    handleContextmenu (event) {
+      handleContextmenu(event) {
         let target = event.target
         // 解决 https://github.com/d2-projects/d2-admin/issues/54
         let flag = false
@@ -122,13 +123,13 @@ export default {
       /**
        * @description 右键菜单的row-click事件
        */
-    contextmenuClick (command) {
+      contextmenuClick(command) {
         this.handleControlItemClick(command, this.tagName)
       },
       /**
        * @description 接收点击关闭控制上选项的事件
        */
-    handleControlItemClick (command, tagName = null) {
+      handleControlItemClick(command, tagName = null) {
         if (tagName) {
           this.contextmenuFlag = false
         }
@@ -156,18 +157,18 @@ export default {
       /**
        * @description 接收点击 tab 标签的事件
        */
-    handleClick (tab, event) {
+      handleClick(tab, event) {
         // 找到点击的页面在 tag 列表里是哪个
         const page = this.opened.find(page => page.fullPath === tab.name)
-      const { name, params, query } = page
+        const {name, params, query} = page
         if (page) {
-        this.$router.push({ name, params, query })
+          this.$router.push({name, params, query})
         }
       },
       /**
        * @description 点击 tab 上的删除按钮触发这里 首页的删除按钮已经隐藏 因此这里不用判断是 index
        */
-    handleTabsEdit (tagName, action) {
+      handleTabsEdit(tagName, action) {
         if (action === 'remove') {
           this.close({
             tagName
@@ -175,14 +176,14 @@ export default {
         }
       }
     },
-  mounted () {
+    mounted() {
       const el = document.querySelectorAll('.d2-multiple-page-sort .el-tabs__nav')[0]
       Sortable.create(el, {
         onEnd: (evt) => {
-        const { oldIndex, newIndex } = evt
-        this.openedSort({ oldIndex, newIndex })
+          const {oldIndex, newIndex} = evt
+          this.openedSort({oldIndex, newIndex})
         }
       })
     }
-}
+  }
 </script>