弹框拖动

+import Vue from 'vue'
+
+// v-dialogDrag: 弹窗拖拽
+Vue.directive('dialogDrag', {
+    bind(el, binding, vnode, oldVnode) {
+        const dialogHeaderEl = el.querySelector('.el-dialog__header')
+        const dragDom = el.querySelector('.el-dialog')
+        dialogHeaderEl.style.cursor = 'move'
+
+        // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
+        const sty = dragDom.currentStyle || window.getComputedStyle(dragDom, null)
+
+        dialogHeaderEl.onmousedown = (e) => {
+            // 鼠标按下，计算当前元素距离可视区的距离
+            const disX = e.clientX - dialogHeaderEl.offsetLeft
+            const disY = e.clientY - dialogHeaderEl.offsetTop
+
+            // 获取到的值带px 正则匹配替换
+            let styL, styT
+
+            // 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
+            if (sty.left.includes('%')) {
+                styL = +document.body.clientWidth * (+sty.left.replace(/\%/g, '') / 100)
+                styT = +document.body.clientHeight * (+sty.top.replace(/\%/g, '') / 100)
+            } else {
+                styL = +sty.left.replace(/\px/g, '')
+                styT = +sty.top.replace(/\px/g, '')
+            }
+
+            document.onmousemove = function(e) {
+                // 通过事件委托，计算移动的距离
+                const l = e.clientX - disX
+                const t = e.clientY - disY
+
+                // 移动当前元素
+                dragDom.style.left = `${l + styL}px`
+                dragDom.style.top = `${t + styT}px`
+
+                // 将此时的位置传出去
+                // binding.value({x:e.pageX,y:e.pageY})
+            }
+
+            document.onmouseup = function(e) {
+                document.onmousemove = null
+                document.onmouseup = null
+            }
+        }
+    }
+})

@@ -11,7 +11,7 @@ import rout from './routes'
 // import Mock from './mock'
 import i18n from './lang'
 import 'font-awesome/css/font-awesome.min.css'
-
+import drag from './drag'
 import * as socketApi from './api/socket'
 import '@/styles/index.scss'
 import sys_init from '@/common/init/sys_init'

@@ -1844,7 +1844,7 @@ Handling Information
             </el-tab-pane>
         </el-tabs>
 <!--        主单获取尺寸信息-->
-        <el-dialog title="尺寸信息" :visible.sync="dialogTableVisible" width="80%">
+        <el-dialog title="尺寸信息" :visible.sync="dialogTableVisible" width="80%" v-dialog-drag>
             <el-row :gutter="10">
                 <el-col :span="18">
                     <el-table :data="gridData" :cell-style="{textAlign:'center'}" show-summary
@@ -1899,7 +1899,7 @@ Handling Information
                 <el-col :span="6">
                     <el-tooltip class="item" effect="dark" content="可以将整体的尺寸信息复制进来,一行一个尺寸信息,系统会自动识别" placement="top-start">
                         <el-input
-                                rows="6"
+                                :autosize="{ minRows: 7, maxRows: 20}"
                                 resize = "vertical"
                                 type="textarea"
                                 placeholder="快速尺寸信息录入生成"