Commit 3918a958 authored by gongzijian's avatar gongzijian
Browse files

dag名称增加复制按钮

parent 70a44bd0

escheduler-ui/src/js/conf/home/pages/dag/_source/dag.scss

+14 −1
Original line number Diff line number Diff line
@@ -138,11 +138,24 @@ 
      .assist-btn {

        position: absolute;

        left: 10px;

        top: 8px;

        top: 4px;

        >.name {

          padding-left: 6px;

          vertical-align: middle;

        }

        >.copy-name {

          cursor: pointer;

          padding-left: 4px;

          &:hover {

            i {

              color: #47c3ff;

            }

          }

          i {

            color: #333;

            font-size: 18px;

          }

        }

      }

      .save-btn {

        position: absolute;

escheduler-ui/src/js/conf/home/pages/dag/_source/dag.vue

+17 −1
Original line number Diff line number Diff line
@@ -29,6 +29,7 @@ 
                  icon="fa fa-code">

          </x-button>

          <span class="name ">{{name}}</span>

          <span class="copy-name" @click="_copyName" :data-clipboard-text="name"><i class="iconfont" data-container="body"  data-toggle="tooltip" title="复制名称" >&#xe61e;</i></span>

        </div>

        <div class="save-btn">

          <div class="operation" style="vertical-align: middle;">
@@ -88,6 +89,7 @@ 
  import mUdp from './udp/udp'

  import i18n from '@/module/i18n'

  import { jsPlumb } from 'jsplumb'

  import Clipboard from 'clipboard'

  import { allNodesId } from './plugIn/util'

  import { toolOper, tasksType } from './config'

  import mFormModel from './formModel/formModel'
@@ -139,6 +141,20 @@ 
          Dag.create()

        }

      },

      _copyName(){

        let clipboard = new Clipboard(`.copy-name`)

        clipboard.on('success', e => {

          this.$message.success(`${i18n.$t('Copy success')}`)

          // Free memory

          clipboard.destroy()

        })

        clipboard.on('error', e => {

          // Copy is not supported

          this.$message.warning(`${i18n.$t('The browser does not support automatic copying')}`)

          // Free memory

          clipboard.destroy()

        })

      },

      /**

       * Get state interface

       * @param isReset Whether to manually refresh